skyriftstudios.github.io/style.css at master · gitcowor/skyriftstudios.github.io · 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
120
121
122
123
@font-face {
	font-family: 'NunitoSans';
	src: url('NunitoSans.ttf');
	src:
		local('NunitoSans'),
		local('Lovely-Font'),
		url('NunitoSans.ttf')
		format('truetype');
}

.navbar {
	width:100%;
	background-color: #D1D1D1;
	background-image: linear-gradient(#D1D1D1, #747474);
}

body {
	background:url(clouds-bg.png);
	background-size: auto;
    background-color: darkgray;
    font-family: NunitoSans, sans-serif;
	color:white;
}


.center {
    display: block;
    margin-left:auto;
    margin-right:auto;
    width:50%;
}
.header {
background-color:#0167FE;
font-family:sans-serif;
width:50;
height:50%;
border:1px solid #FFFFFF;
}
.banner {
    display: block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}
.heading {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border:0px;
    width:100%;
    height:250px;
}
.content {
    background-color:rgba(0,153,255,0.25);
    border:1px solid #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    width:50% - 5px;
    margin:5px auto 0px auto;
	padding:5px;
	border-radius:3px;
}
.img {
    display:block;
    width:100px;
    height:auto;
}
.button
{
margin:2px;
padding:3px;
font-weight:400;
border:0px solid white;
border-radius:3px;
color:white;
text-decoration:none;
font-family:NunitoSans, sans-serif;
white-space:nowrap;
line-height:28px;
background-color:#0167FE;
}
.button:hover
{
background-color:rgba(255,255,255,0.25);
text-decoration:none;
}

.button2 {
	margin:2px;
	padding:3px;
	font-weight:400;
	border:0px solid white;
	border-radius:3px;
	color:white;
	text-decoration:none;
	white-space:nowrap;
	line-height:28px;
}
.button2:hover {
	background-color:darkgray;
	color: lightgray;
}

.mainbutton {
	margin:2px;
	padding:3px;
	font-weight:400;
	border:0px;
	border-radius:2px;
	color:white;
	text-decoration:none;
	white-space:nowrap;
	line-height:28px;
}
.mainbutton:hover {
	background-color:white;
	color: black;
}
#buttons
{
line-height:30px;
margin:0px;
}