Merge pull request #1 from sanjeevi01/masterHEADmaster

internship work for new theme for drupal-8.x

2 files changed, 509 insertions, 0 deletions

diff --git a/css/colors.css b/css/colors.css
new file mode 100755
index 0000000..6a7dced
--- /dev/null
+++ b/css/colors.css
@@ -0,0 +1,190 @@
+
+.main-container.container.js-quickedit-main-content {
+  background: #e0ffff;
+}
+
+.dialog-off-canvas-main-canvas {
+  background: #fffacd ;
+}
+
+#block-views-block-custom-block-block-1-2
+{
+  background: #f6f6f2;
+}
+
+.region.region-sidebar-second {
+  background: #f6f6f2;
+}
+
+.menu.menu--custom-menu.nav {
+  background: #f6f6f2;
+}
+
+.menu--main > li > a:hover, .nav > li > a:focus {
+  background-color:#ebe1ce!important;
+}
+ul.menu.menu--main.nav.navbar-nav {
+ background: #3498db ;
+}
+
+ul.dropdown-menu {
+  background: #3498db !important;
+ }
+
+.navbar-default .navbar-nav > li > a ,.dropdown-menu>li>a{
+  color: #000000 !important;
+}
+.section-footer, .top-nav, .top-head-def{
+    background-color: #444444;
+}
+
+.section-footer *, .top-nav, .top-head-def *, .section-footer a:hover, .top-head-def a:hover{
+	color: #ffffff;
+}
+
+
+/* navbar normal background color and text color */
+.navbar-default .navbar-brand {
+    color: #ffffff;
+}
+
+
+/* navbar shrink background color and text color */
+.navbar-is-shrink .navbar-brand, .navbar-is-shrink .navbar-text, .navbar-is-shrink a, .navbar-is-shrink a:hover {
+  color: #ffffff!important;
+}
+
+.navbar-is-shrink{
+  background-color: #444444;
+     -webkit-transition: 0.5s;
+   -moz-transition: 0.5s;
+   -o-transition: 0.5s;
+  transition: 0.5s;
+}
+
+
+.profile-nav > li.active > a, .profile-nav > li.active > a:hover, .profile-nav > li.active > a:focus{
+  color: #ffffff;
+   -webkit-transition: all 0.5s;
+   -moz-transition: all 0.5s;
+   -o-transition: all 0.5s;
+  transition: all 0.5s;
+}
+
+ .profile-nav > li.active > a, .profile-nav  > li.active > a:hover, .profile-nav  > li.active > a:focus {
+	background-color: #444444;
+  border-color: #444444;
+}
+
+
+
+body {
+ color: #343536;
+} 
+
+a {
+  color: #337ab7;
+}
+
+a:focus{
+  color: #337ab7;
+}
+
+a:hover, .news-card .lst_news_item a:hover{
+   color: #337ab7;
+}
+
+a.views-more-link {
+  color: #337ab7!important;
+}
+
+/* .language-switcher-language-url ul.lang-links li a{
+  color: #337ab7;
+}
+.language-switcher-language-url ul.lang-links li a:hover{
+  color: #337ab7;
+}
+
+.language-switcher-language-url ul.lang-links li.is-active a{
+  color: #ffffff; 
+}
+.language-switcher-language-url ul.lang-links li.is-active a:hover{
+  color: #ffffff;
+}
+
+h2.page-header {
+	color: #343536;
+}
+
+.pagination > li > a, .pagination > li > span{
+  color: #337ab7;
+}
+
+.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
+  color: #337ab7;
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+
+
+
+
+.menu-base-theme li a:hover,
+.menu-base-theme li a:focus,
+.menu-base-theme li a:active,
+.menu-base-theme li a.highlighted{
+   border-bottom-color: #337ab7;
+}
+
+.btn-primary {
+    background-color: #337ab7!important;
+    border-color: #337ab7!important;
+}
+
+.btn-primary a, .btn-primary a:hover, .btn-primary a:focus, .btn-primary a:active{
+  color: #ffffff;
+}
+
+
+
+.file-icon .text-primary{
+   color: #337ab7;
+}
+
+
+
+@media (max-width: 767px){
+
+  .menu-base-theme {
+      background: #ffffff;
+  }
+
+  .menu-base-theme li a{
+    color: #337ab7;
+  }
+
+  .menu-base-theme li a:active,
+  .menu-base-theme li a.highlighted,
+    .menu-base-theme li a:hover,
+  .menu-base-theme li a:focus{
+    background-color: #337ab7;
+    color: #ffffff;
+    border-bottom-color: #ffffff;
+  }
+}
+
+@media screen and (min-width: 768px){
+  .region-navigation-collapsible li.active a, .region-navigation-collapsible li a.is-active {
+    border-bottom-color: #337ab7;
+  }
+   .region-navigation-collapsible li a.is-active.has-submenu:hover{
+   border-bottom-color: #337ab7;
+ }
+} */
+
+
+
+
diff --git a/css/style.css b/css/style.css
new file mode 100755
index 0000000..7163752
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,319 @@
+/*flexslider*/
+.flexslider {
+	border: 0;
+	max-width: 100%;
+	margin: 0;
+	overflow: hidden;
+	box-shadow: none;
+	box-shadow: none;
+	box-shadow: none;
+	-moz-border-radius: 0px;
+	-webkit-border-radius: 0px;
+	border-radius: 0px
+}
+.flexslider .slider-caption {
+	position: absolute;
+	top: 60%;
+	left: 5%;
+	z-index: 99;
+	width: 90%;
+	text-align: center;
+	font-size: 1.2em;
+	line-height: 150%;
+	color: #fff;
+	padding: 20px;
+	background: rgba(0, 0, 0, 0.3);
+	border-radius: 0px;
+   height: 120px;
+   overflow: hidden;
+}
+.flexslider .slider-title {
+	font-size: 1.5em;
+	font-weight: 600;
+   color: #fff;
+   margin-top: -20px;
+}
+.flexslider .slider-description {
+	display: inline-block;
+	clear: both
+}
+.flexslider .slides li {
+	position: relative
+}
+.flexslider .slides li:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	-moz-transition: all 2s;
+	-o-transition: all 2s;
+	-webkit-transition: all 2s;
+	transition: all 2s
+}
+.flexslider .flex-direction-nav {
+	position: absolute;
+	top: 50%;
+	width: 100%
+}
+.flexslider .flex-direction-nav li {
+	list-style: none
+}
+.flexslider .flex-direction-nav a {
+	font-size: 0;
+	padding: 10px
+}
+.flexslider .flex-direction-nav a:before,
+.flexslider .flex-direction-nav a:after {
+	color: #fff
+}
+.flexslider .flex-control-paging li a {
+	width: 8px;
+	height: 8px;
+	display: block;
+	background: #fff;
+	cursor: pointer;
+	text-indent: -9999px;
+	-moz-border-radius: 50%;
+	-webkit-border-radius: 50%;
+	border-radius: 50%
+}
+.flexslider .flex-control-paging li a.flex-active {
+	background: #000
+}
+.flexslider .flex-control-nav {
+	bottom: 0
+}
+.more-link {
+   text-decoration: underline;
+}
+.more-link {
+   text-decoration: underline;
+}
+@media screen and (max-width: 768px){
+   .flexslider .slider-caption {
+     display: none;
+   }
+}  
+/*  */
+
+/* navbar */
+ul.menu.menu--main.nav.navbar-nav {
+   width: 1134px !important;
+   margin-left: -13px ;
+   border-style: groove;
+   border-color: #6c8f8b;
+   border-width: 1px;
+   border-radius: 3px;
+}
+
+.nav > li > a:hover, .nav > li > a:focus {
+   text-decoration: blink;
+   background-color: #7b91bb !important ;
+}
+
+.dropdown-menu {
+   position: absolute;
+   top: 100% ;
+   left: 0;
+   z-index: 1000;
+   display: none;
+   float: left;
+   min-width: 160px;
+   padding: 5px 0;
+   margin: 2px 0 0;
+   font-size: 14px;
+   text-align: left;
+   list-style: none;
+   /* background-color:#bdd2ff; */
+   background-clip: padding-box;
+   border: 1px solid #ccc;
+   border: 1px solid rgba(0, 0, 0, 0.15);
+   border-radius: 4px;
+   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
+
+.dropdown:hover .dropdown-menu {
+   display: block;
+   margin-top: 0; 
+}
+.navbar-default .navbar-nav > li > a {
+   color: black;
+}
+
+div#navbar-collapse {
+   padding-bottom: 5px;
+}
+
+@media screen and (max-width: 768px){
+ ul.menu.menu--main.nav.navbar-nav {   
+   width: 100%
+ }
+}
+/*  */
+
+
+/* social media */
+body{
+   padding: 0;
+   margin: 0;
+}
+.social_media{
+   color: #3498db !important;
+   position: absolute;
+   top: 50%;
+   transform: translateY(-50%);
+   width: 100%;
+   text-align: right;
+   margin-left: -66px;
+}
+@media screen and (max-width: 768px){
+   .social_media{
+      margin-left: -30px;
+   }
+}
+ 
+.social{
+   display: inline-block;
+   width: 40px;
+   height: 40px;
+   background: #f1f1f1;
+   margin: 3px;
+   border-radius: 30%;
+   box-shadow: 0 5px 15px -5px #00000070;
+   color: #3498db !important;
+   overflow: hidden;
+   position: relative;
+   right: 7px;
+}
+.svg-inline--fa.fa-facebook-f.fa-w-10 {
+   margin: 30% 36% 0 0;
+   font-size: 17px;
+}
+.svg-inline--fa.fa-twitter.fa-w-16 {
+   margin: 30% 26% 0 0;
+   font-size: 17px;
+}
+svg.svg-inline--fa.fa-linkedin-in.fa-w-14 {
+   margin: 31% 27% 0 0;
+   font-size: 17px;
+}
+svg.svg-inline--fa.fa-google-plus-g.fa-w-20 {
+   margin: 31% 21% 0 0;
+   font-size: 17px;
+}
+
+
+.social_media>a:hover{
+   transform: scale(1.3) !important;
+   color:#fff !important ;
+   background: #3498db !important
+   ;
+}
+
+.dropdown:hover .dropdown-menu {
+   display: block;
+   margin-top: 0; 
+}
+/*  */
+
+
+/* brand */
+.region-navigation {
+   max-width: 100%;
+}
+.row {
+   margin-right: 0;
+   margin-left: 0;
+}
+
+#block-scilab-in-branding {
+   margin-top: 10px;
+}
+/*  */
+header#navbar {
+   margin-bottom: 0px;
+}
+.main-container.container.js-quickedit-main-content {
+   padding-top: 20px;
+   padding-bottom: 10px;
+}
+
+#block-scilab-in-branding {
+   margin-top: 10px;
+}
+
+#block-views-block-custom-block-block-1-2
+ {
+   
+   padding-top: 15px;
+   margin-top: 20px;
+   padding-left: 0px;
+   margin-bottom: 20px;
+   border-style: groove;
+   border-color: #8de0d7;
+   border-width: 1px;
+}
+
+.align-center {
+   margin-bottom: 15px;
+}
+
+.row {
+   margin-right: 0;
+   margin-left: 0;
+}
+
+.menu.menu--custom-menu.nav {
+   border-style: groove;
+   border-color: #8de0d7;
+   border-width: 1px;
+}
+
+
+.well.region.region-sidebar-second {
+   border-style: groove;
+   border-color: #8de0d7;
+   border-width: 1px;
+}
+
+.region.region-sidebar-second {
+   border-style: groove;
+   border-color: #8de0d7;
+   border-width: 1px;
+}
+
+.js-quickedit-page-title.page-header {
+   /* color: #3063A5; */
+   font-size: 22px;
+   font-weight: bold;
+   line-height: 1.5em;
+   padding: 0.3em 0.4em;
+}
+
+.flex-control-nav {
+   width: 100%;
+   position: fixed;
+   bottom: -40px;
+   text-align: center;
+}
+
+@media screen and (min-width: 1200px){
+   .navbar.container {
+      max-width: 1200px;
+   }
+}
+
+footer.footer {
+   padding-top: 0px;
+   padding-bottom: 0px;
+   margin-top: 0px;
+   border-top: 0px;
+}
+
+footer {
+   padding-left: 0px !important;
+   padding-right: 0px !important;
+}
\ No newline at end of file