Add files via upload

turboblack · Feb 9, 2018 · 9c94d19 · 9c94d19
1 parent 0779214
commit 9c94d19
Show file tree

Hide file tree

Showing 7 changed files with 246 additions and 0 deletions.
diff --git a/black/README.md b/black/README.md
@@ -0,0 +1,11 @@
+# wondercms 2.0 black theme
+ is based on a standard template, added some changes, logo, background, button up, and social icons.
+
+there is the possibility of inserting comments, or feedback forms
+
+I will be glad if you come to my site and download also other free scripts, plans, templates, and additions to this wonderful engine
+
+© Turboblack 2018 www.torba.tk
+
+
+
diff --git a/black/css/bg.jpg b/black/css/bg.jpg
diff --git a/black/css/icons-graphic-design.png b/black/css/icons-graphic-design.png
diff --git a/black/css/style.css b/black/css/style.css
@@ -0,0 +1,137 @@
+html {
+	min-height: 100%;
+	position: relative;
+}
+
+body {
+	color: #fff;
+	background: #000000 url("bg.jpg") no-repeat left top fixed;
+	background-size: cover !important;
+	margin-bottom: 100px;
+	font-family: Lucida Sans Unicode, Verdana;
+}
+
+#logo {
+	display: inline-block;
+	width: 55px;
+	height: 55px;
+	border-radius: 73px;
+	font-size: 25px;
+	color: #fff;
+	line-height: 73px;
+	vertical-align: middle;
+	text-align: center;
+	background: url("icons-graphic-design.png");
+	margin: 0 0 0 20px;
+	font-weight: bold;
+	padding: 0;
+}
+
+a, a:hover {
+	text-decoration: none;
+	border-bottom: 0px dotted #fff;
+	color: #ffffcc;
+}
+
+h3 {margin: 0;}
+*:focus {outline: none;}
+.navbar-nav > .active a {
+	color: #fff !important;
+	background-color: rgba(178,178,178,0.4) !important;
+}
+
+.spacer20 {height: 20px;}
+.padding20 {padding: 20px;}
+.rounded5 {border-radius: 5px;}
+
+.grayFont {color: #fff;}
+.blueBackground {background: rgba(178,178,178,0.4); color: #fff;}
+.whiteBackground {background: rgba(178,178,178,0.5)}
+
+.navbar {
+	border: 0;
+	color: #fff;
+	border-radius: 0;
+	background-color: rgba(0,0,0,0.3);
+}
+
+.navbar li a {
+	border: 0;
+	color: #fff;
+	display: block;
+	text-transform: uppercase;
+	padding: 25px 20px 25px 25px;
+}
+
+ul.nav.navbar-nav a:hover {
+	color: #fff;
+	text-transform: uppercase;
+}
+
+.navbar-default .navbar-nav > li > a {
+    color: #fff;
+}
+
+.fa {
+  padding: 7px;
+  font-size: 30px;
+  width: 30px;
+  text-align: center;
+  text-decoration: none;
+  margin: 0px 0px;
+  border-radius: 50%;
+}
+
+.fa:hover {
+    opacity: 0.7;
+}
+
+.fa-facebook {
+  background: #3B5998;
+  color: white;
+}
+
+.fa-twitter {
+  background: #55ACEE;
+  color: white;
+}
+
+.fa-youtube {
+  background: #bb0000;
+  color: white;
+}
+
+.fa-instagram {
+  background: #125688;
+  color: white;
+}
+
+.fa-skype {
+  background: #00aff0;
+  color: white;
+}
+
+.fa-vk {
+  background: #125688;
+  color: white;
+}
+
+
+
+.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
+.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
+.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
+color:black;background:#D8D5C2 url("up.png") no-repeat 50% 11px;border-radius:7px;}
+
+footer a, footer a:hover, .navbar a {
+	color: #fff;
+	text-decoration: none;
+	border-bottom: 0px dotted #fff;
+}
+
+footer {
+	bottom: 0;
+	width: 100%;
+	position: absolute;
+	background: rgba(178,178,178,0.1);
+}
diff --git a/black/css/up.png b/black/css/up.png
diff --git a/black/favicon.ico b/black/favicon.ico
diff --git a/black/theme.php b/black/theme.php
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<link href="themes/black/favicon.ico" rel="shortcut icon" type="image/x-icon" />
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title><?=wCMS::get('config','siteTitle')?> - <?=wCMS::page('title')?></title>
+	<meta name="description" content="<?=wCMS::page('description')?>">
+	<meta name="keywords" content="<?=wCMS::page('keywords')?>">
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+	<link rel="stylesheet" href="<?=wCMS::asset('css/style.css')?>">
+	<?=wCMS::css()?>
+	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+   <script type="text/javascript">
+   $(document).ready(function() {
+   	   $("body").css("display", "none"); /** body (здесь и далее) означает, что эффект применяется ко всей странице. Можно изменить на идентификаторы любых элементов (#content, .comments и т.д.) */
+
+	   $("body").fadeIn(1000); /** время появления в миллисекундах */
+
+	   $("a.fade").click(function(event){ /** a.fade означает, что данное решение будет работать только при нажатии на ссылки с классом (class) "fade" (можно изменить на свой) */
+		   event.preventDefault();
+		   linkLocation = this.href;
+		   $("body").fadeOut(1000, redirectPage); /** время изчезания в миллисекундах */
+	   });
+
+	   function redirectPage() {
+		   window.location = linkLocation;
+	   }
+   });
+   </script>
+   <script type="text/javascript">$(document).ready(function(){
+$(window).scroll(function () {if ($(this).scrollTop() > 0) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
+$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
+});</script>
+</head>
+<body>
+
+	<?=wCMS::alerts()?>
+	<?=wCMS::settings()?>
+	<nav class="navbar navbar-default">
+		<div class="container">
+			<div class="col-sm-5 text-center">
+				<div class="navbar-header">
+					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navMobile">&#9776;</button>
+					<a href="./"><h3><?=wCMS::get('config','siteTitle')?><span class="navbar" id="logo"></h3></a>
+				</div>
+			</div>
+			<div class="col-sm-7 text-center">
+				<div class="collapse navbar-collapse" id="navMobile">
+					<ul class="nav navbar-nav navbar-right">
+						<?=wCMS::menu()?>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</nav>
+
+	<div class="container">
+		<div class="col-xs-12 col-sm-8">
+			<div class="whiteBackground grayFont padding20 rounded5">
+				<?=wCMS::page('content')?>
+			</div>
+		</div>
+		<div class="col-xs-12 col-sm-4">
+			<div class="visible-xs spacer20"></div>
+			<div class="blueBackground padding20 rounded5">
+				<?=wCMS::block('subside')?>
+<br>
+				<!-- Add font awesome icons -->
+				<center>
+<a href="#" class="fa fa-facebook"></a>
+<a href="#" class="fa fa-twitter"></a>
+<a href="#" class="fa fa-youtube"></a>
+<a href="#" class="fa fa-instagram"></a>
+<a href="#" class="fa fa-vk"></a>
+<a href="#" class="fa fa-skype"></a>
+</center>
+			</div>
+		</div>
+	</div>
+
+	<footer class="container-fluid">
+		<div class="padding20 text-right">
+			<?=wCMS::footer()?>
+		</div>
+	</footer>
+
+	<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
+	<script src="https://cdn.jsdelivr.net/jquery.autosize/3.0.17/autosize.min.js"></script>
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+	<?=wCMS::js()?>
+	<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">наверх</span></div>
+</body>
+</html>