Data-Mahasiswa/defaultCSS.css at master · axquired24/Data-Mahasiswa · 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
@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#00CCCC;
	font-family:"Segoe UI", "Trebuchet MS", Verdana;
}
div#headTop, div#signFoot{
		background-image:-moz-linear-gradient(bottom, #008888, #009999);
		background-image:-webkit-linear-gradient(bottom, #008888, #009999);
		box-shadow:1px 1px 3px 1px #444;
	background-color:#009999;
	width:100%;
	color: #555;
}
	div#headTop{
		position:fixed;
		top:0;
		padding: 20px;
		padding-right:0;
		font-size:32px;
	}
	div#signFoot{
		position:absolute;
		bottom:0;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size:12px;
		text-align:center;
	}
div#headTop:hover, div#signFoot:hover{
	color: #222;
}
div#contenMid{
	padding:20px;
	margin-top:100px;
	font-size:16px;
}
	div#contenMid .leftMenu, div#contenMid .rightContent{
		min-height:100px;
		display:inline;
		float:left;
	}
	.leftMenu {
		width:250px;
	}
	.leftMenu > span, .leftMenu > a, .rightContent > span{
		display:block;
		padding:10px;
		border-radius: 10px;
	}

	div#contenMid .leftMenu span, div#contenMid .rightContent span{
		background-image:-moz-linear-gradient(top, #005555, #004444);
		background-image:-webkit-linear-gradient(top, #005555, #004444);
		background-color:#005555;
		color:#CCC;
		border-bottom:#003333 1px solid;
		margin-bottom:5px;
		font-weight:bold;
	}
	div#contenMid .leftMenu a#menuU{
		text-decoration:none;
		margin:5px;
		-moz-transition: all 0.26s ease-out;
		-webkit-transition: all 0.26s ease-out;
	}
	a.addData, a.viewData, a.editData, a.exit{
		border-bottom:#005555 2px solid;
		background-image:-moz-linear-gradient(top, #007777, #006666);
		background-image:-webkit-linear-gradient(top, #007777, #006666);
		color: #009999;
	}
	div#contenMid .leftMenu a#menuU:before{
		content: ' *';
	}

	div#contenMid .leftMenu a#menuU:hover, a.active{
		color:#FFF;
		-moz-transform:scale(1.1);
		-webkit-transform:scale(1.1);
		padding-left:20px;
		border-color:#004444;
		background-image:-moz-linear-gradient(top, #008888, #007777);
		background-image:-webkit-linear-gradient(top, #008888, #007777);
	}

	div#contenMid .rightContent{
		width:800px;
		margin-left:30px;
		padding:10px;
		padding-top:0;
	}
/** table content **/
	.rightContent table thead{
		color: #009999;
		background-image:-moz-linear-gradient(top, #006666, #005555);
		background-image:-webkit-linear-gradient(top, #009999, #008888);
	}
	.rightContent table tbody tr{
		color:#003333;
		background-image:-moz-linear-gradient(top,  #009999,  #008888);
		background-image:-webkit-linear-gradient(top,  #009999,  #008888);
		text-transform:capitalize;
	}
	.rightContent table tbody tr:hover{
		color:#001111;
		background-image:-moz-linear-gradient(top,  #007777,  #006666);
		background-image:-webkit-linear-gradient(top, #007777, #006666);
	}
/** FORM **/
form#formAdd input{
	text-transform:capitalize;
	padding:5px;
	margin:4px;
}