xsimplegrid/style.css at master · XoopsThemes/xsimplegrid · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
/* CSS Document */
/*
xSimplegrid XOOPS Template for XOOPS 2.5.9
Author:				Brutalicuss
DEMO URL:			http://eunion.info/xoops/xsimplegrid
Licence:			MIT
*/
@-webkit-viewport   {width: device-width;}
@-moz-viewport      {width: device-width;}
@-ms-viewport       {width: device-width;}
@-o-viewport        {width: device-width;}
@viewport           {width: device-width;}
*:focus {outline: none;}
a:link, a:visited {text-decoration:none;color:#545050;outline:none;}
a:hover, a:active {color:#00D4FF;outline:none;}
body {background-color:#E1E1E1;font-family: 'Open Sans', sans-serif;line-height: 1.5;font-style: normal;font-weight: normal;color: #545050;width: 100%;height: 100%;}
.bodyback {background:#F3F3F3;}
.bigcontent {background:#F7F7F7;padding:5px;padding-top:20px;}
.site-closed {margin-left:40px;margin-top:40px;}
/* Menus Header Buttons */
.menuMain, .menuTop {display:block;font-weight:600;}
#usermenu a{display:block;font-weight:600;}
.menuSub {display:block;margin-left:10px;}
.xheader {top:0;position:fixed;background:#2F5376;height:80px;width:100%;border-bottom:1px solid #F6EEBF;border-top:1px solid #F6EEBF;z-index:9999;}
.btn-primary a{color: inherit}
.xlogo {float:left;margin-top:20px;margin-left:20px;}
.xbanner {float:right;margin-top:10px;margin-right:50px;}
/* Blocks */
.xbtitle {font-weight:900;color:#2F5376;}
.xblock {margin-top:20px;background:#FBFBE2; border:1px solid #DBEAF9;padding:0 15px 25px 25px;border-radius:3px;}
.xcontent {margin-top:20px;background:#F5F5EC; border:1px solid #DBEAF9;padding:0 15px 25px 25px;border-radius:3px;}
.padd1 {padding-top:20px;}
.xbottom {margin-bottom:55px;}
.xbblock {margin-top:20px;background:#FBFBE2; border:1px solid #DBEAF9;padding:0 15px 25px 25px;border-radius:3px;}
.xblock:hover {background:#FBFBD6; border:1px solid #DBEAF9;box-shadow:0 0 7px #DBEAF9;}
.xbblock:hover {background:#FBFBD6; border:1px solid #DBEAF9;box-shadow:0 0 7px #DBEAF9;}
.cblockspad {margin-bottom:20px;}
.xfblocks {padding-left:20px;}
.xfblock {margin-top:55px;margin-bottom:120px;background:#FBFBE2; border:1px solid #DBEAF9;padding:0 15px 25px 25px;border-radius:3px;}
.xfblock:hover {background:#FBFBD6; border:1px solid #DBEAF9;box-shadow:0 0 7px #DBEAF9;}
/* Footer */
.xfooter {width:100%;bottom:0;position:fixed;height:55px;background:#2F5376;border-top:1px solid #F6EEBF;border-bottom:1px solid #F6EEBF;z-index:9000;}
.footercontent {text-align:center;color:#000;margin-top:15px;}
.footercontent a:link{color:#F7F7F7;}
.footercontent a:hover{color:#00D4FF;}
.xoopslogo img{max-width:30px;position:absolute;padding-left:5px;}
/* Top and Middle sliders */
.topslider {margin-top:80px;border-bottom:1px solid #F6EEBF;}
.middleslider {padding-right:20px;padding-left:20px;}
/* Exstras */
#xmiddle {background-image: url("./images/xmiddleback.jpg");overflow: hidden;}
.xparallax {background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
.xoverlay {padding-top: 10px;padding-bottom: 10px;}
.xoverplayheight {height:150px;}
#background_cycler{padding:0;margin:0;width:100%;position:fixed;top:0;left:0;z-index:-1;}
#background_cycler img{position:fixed;left:0;top:0;width:100%;z-index:1;}
#background_cycler img.active{z-index:3}
.custombanner {margin-bottom:-20px;}
.fastmenu {float:left;margin-top:22px;}
.fi{font-size: 36px !important;line-height: 30px;}
.fixx {display:none;}
.pop_li{font-size: 12px;}
.fa-bars{color: #F7F7F7;font-size: 32px !important;margin-left:15px;}
.back-to-top {position: fixed;bottom: 2em;right: -1px;text-decoration: none;color: #F7F7F7;font-size: 42px !important;padding: 12px;display: none;}
.backtop a {color:#B3CCE5;}
.backtop a:hover {color:#00D4FF;}
.searchbtn {background:#F7F7F7;padding:2px;margin-left:3px;border:1px solid #333;border-radius:3px;}
.searchbtn:hover {background:#33FF33;}
iframe, img {max-width:100%;}
#com_text {max-width:80%;}
header, a, img, i, span, iframe, em{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s; -o-transition: all 1s;}
header.small{height: 50px;opacity:0.8; }
header.small img{height: 25px; margin-top: -5px;}
header.small>.fastmenu {margin-top:18px;}
header.small>.fastmenu span>i{font-size: 18px;margin-top:-10px; z-index:10}
header.small ul{padding-top:5px!important;}
header.small em{display:none;}
.fastfooter {display:none;}
#fastfooter {opacity:0.8;}
/* Media */
@media (max-width: 479px) {
.m479 {margin-left:-29px;width:115%;}
.m479-2 {margin-left:-19px;width:115%;padding:-10px;}
.m479-2 img{max-width:80%;}
.xoops_contents {width:110%;}
.fnone {display:none;}
}
@media (max-width: 767px) {
.mhide {display:none;}
img {max-width:95%;}
.outer {font-size:10px;}
.xfooter {height:80px;}
#demo-switcher {margin-bottom:80px;}
#demo-switcher-search {margin-bottom:80px;}
}
@media (max-width: 991px) {
.dnone {display:none;}
.socialmenu {background:inherit;}
#toggle-button2 {background:inherit;}
#demo-menu-search {background:inherit;}
#toggle-button-search {background:inherit;}
.buttonicon {color:#ccc;}
.buttonsearch {color:#ccc;}
.sicon {color:#333;}
.outer {max-width:95%;font-size:12px;}
.xfooter {position:relative;}
body {overflow-x:hidden;}
}
@media (max-width: 1199px) {
.dnone2 {display:none;}
.mobilecontent {width:80%;}
.xheader {position:relative;}
.topslider {margin-top:0px;}
.mobilecontent {position:absolute;margin-left:80px;width:80%;}
.xblock, .xbblock, .xcontent, .bigcontent, .xfblocks {font-size:12px;}
}
@media (max-width: 1359px) {
.back-to-top {bottom: 3em;}
}