openlp/website
1
0
Fork 0
mirror of https://gitlab.com/openlp/website.git synced 2024-12-22 13:02:50 +00:00
Code Issues Projects Releases Wiki Activity

A fix for the social buttons appearing on more than one line.

Browse Source 
I hope this mr is correct is filed against the correct branch...

bzr-revno: 68
This commit is contained in:
Simon Hanna 2017-03-17 19:19:39 -07:00 committed by Raoul Snyman
commit fadc84b30e
2 changed files with 64 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
themes/openlp2v2/assets/css/custom.css
View File

@ -7,6 +7,12 @@ Created:November 2014
License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/) License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/)
File Description: Place here your custom CSS styles File Description: Place here your custom CSS styles
*/ */
@media (max-width: 767px) {
.navbar-collapse {
background-color: rgba(0, 0, 0, 0.90);
}
}
.bg-image-1 { .bg-image-1 {
background: url("../images/worship-1.jpg") 50% 0px no-repeat; background: url("../images/worship-1.jpg") 50% 0px no-repeat;
} }
@ -55,6 +61,11 @@ div.post-heading h1 {
text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000;
} }
div#feature-details div.row {
margin-bottom: 5px;
margin-top: 5px;
}
div.product-chooser div.product-chooser-item { div.product-chooser div.product-chooser-item {
padding: 11px; padding: 11px;
border-radius: 6px; border-radius: 6px;
@ -276,10 +287,12 @@ article blockquote p:first-child {
} }
.social-links { .social-links {
margin-left: auto; text-align: center;
margin-right: auto; }
padding-left: 36px;
width: 463px; .social-links li {
margin: 10px;
width: 54px;
} }
.social-links li.reddit a:hover { .social-links li.reddit a:hover {

79
themes/openlp2v2/templates/front_page.html
View File

@ -156,7 +156,7 @@
</div> </div>
</div> </div>
<div class="section translucent-bg bg-image-1 blue"> <div class="section translucent-bg bg-image-1 blue">
<div class="container object-non-visible" data-animation-effect="fadeIn"> <div class="container object-non-visible" data-animation-effect="fadeIn" id="feature-details">
<h1 id="features" class="text-center title">Features</h1> <h1 id="features" class="text-center title">Features</h1>
<div class="space"></div> <div class="space"></div>
<div class="row"> <div class="row">
@ -170,35 +170,7 @@
<i class="fa fw fa-music"></i> <i class="fa fw fa-music"></i>
</div> </div>
</div> </div>
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">Bibles</h4>
<p>Import Bibles from a number of formats, or even download a few verses you need from a Bible site, display verses in varying formats, easily search verses by scripture reference (e.g. Luke 12:10-17) or by phrase.</p>
</div> </div>
<div class="media-right">
<i class="fa fa-fw fa-book"></i>
</div>
</div>
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">Presentations</h4>
<p>Integration with PowerPoint, PowerPoint Viewer and LibreOffice Impress on Windows and LibreOffice Impress on Linux/FreeBSD means that you can import your presentations into OpenLP and control them via OpenLP.</p>
</div>
<div class="media-right">
<i class="fa fa-desktop"></i>
</div>
</div>
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">Pictures</h4>
<p>Import pictures into OpenLP and organise them into folders. Create slide-shows by simply selecting multiple songs and drag-and-dropping the selection into the service, with auto-forwarding.</p>
</div>
<div class="media-right">
<i class="fa fa-picture-o"></i>
</div>
</div>
</div>
<div class="space visible-xs"></div>
<div class="col-sm-6"> <div class="col-sm-6">
<div class="media"> <div class="media">
<div class="media-left"> <div class="media-left">
@ -209,6 +181,21 @@
<p>Integration with VLC means that you can display almost any video file and play almost any audio file in OpenLP. Using VLC means that a wide variety of formats are supported.</p> <p>Integration with VLC means that you can display almost any video file and play almost any audio file in OpenLP. Using VLC means that a wide variety of formats are supported.</p>
</div> </div>
</div> </div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">Bibles</h4>
<p>Import Bibles from a number of formats, or even download a few verses you need from a Bible site, display verses in varying formats, easily search verses by scripture reference (e.g. Luke 12:10-17) or by phrase.</p>
</div>
<div class="media-right">
<i class="fa fa-fw fa-book"></i>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="media"> <div class="media">
<div class="media-left"> <div class="media-left">
<i class="fa fa-file-text"></i> <i class="fa fa-file-text"></i>
@ -218,6 +205,21 @@
<p>Store your liturgy, announcements, or other custom slides in OpenLP. Just like a song, but with less structure, custom slides can also contain formatting and can be set to loop.</p> <p>Store your liturgy, announcements, or other custom slides in OpenLP. Just like a song, but with less structure, custom slides can also contain formatting and can be set to loop.</p>
</div> </div>
</div> </div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">Presentations</h4>
<p>Integration with PowerPoint, PowerPoint Viewer and LibreOffice Impress on Windows and LibreOffice Impress on Linux/FreeBSD means that you can import your presentations into OpenLP and control them via OpenLP.</p>
</div>
<div class="media-right">
<i class="fa fa-desktop"></i>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="media"> <div class="media">
<div class="media-left"> <div class="media-left">
<i class="fa fa-wifi"></i> <i class="fa fa-wifi"></i>
@ -227,6 +229,21 @@
<p>Control OpenLP remotely using any tablet or phone using our remote apps in the Google Play Store and Apple App Store. Search, go live, control slides, and more. Also accessible via any phone's web browser.</p> <p>Control OpenLP remotely using any tablet or phone using our remote apps in the Google Play Store and Apple App Store. Search, go live, control slides, and more. Also accessible via any phone's web browser.</p>
</div> </div>
</div> </div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">Pictures</h4>
<p>Import pictures into OpenLP and organise them into folders. Create slide-shows by simply selecting multiple songs and drag-and-dropping the selection into the service, with auto-forwarding.</p>
</div>
<div class="media-right">
<i class="fa fa-picture-o"></i>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="media"> <div class="media">
<div class="media-left"> <div class="media-left">
<i class="fa fa-play-circle"></i> <i class="fa fa-play-circle"></i>
@ -479,14 +496,10 @@
</div> </div>
<div class="translucent-bg blue"> <div class="translucent-bg blue">
<div class="container"> <div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="text-center">Used by churches worldwide!</h1> <h1 class="text-center">Used by churches worldwide!</h1>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<footer id="footer"> <footer id="footer">
<div class="footer section"> <div class="footer section">
<div class="container"> <div class="container">