simple-urls / admin / assets / css / simplePagination.css

simplePagination.css in Lasso Lite – Affiliate Link Manager & Product Displays 149, at admin/assets/css/simplePagination.css

204 lines 5.9 KB

Raw Download Zip

1	/**
2	* CSS themes for simplePagination.js
3	* Author: Flavius Matis - http://flaviusmatis.github.com/
4	* URL: https://github.com/flaviusmatis/simplePagination.js
5	*/
6
7	ul.simple-pagination {
8	list-style: none;
9	}
10
11	.simple-pagination {
12	display: block;
13	overflow: hidden;
14	padding: 0 5px 5px 0;
15	margin: 0;
16	}
17
18	.simple-pagination ul {
19	list-style: none;
20	padding: 0;
21	margin: 0;
22	}
23
24	.simple-pagination li {
25	list-style: none;
26	padding: 0;
27	margin: 0;
28	float: left;
29	}
30	span.ellipse.clickable {
31	cursor: pointer;
32	}
33
34	.ellipse input {
35	width: 3em;
36	}
37
38	/------------------------------------\
39	Compact Theme Styles
40	\------------------------------------/
41	.compact-theme span {
42	cursor:pointer;
43	}
44
45	.compact-theme a, .compact-theme span {
46	float: left;
47	color: #333;
48	font-size:14px;
49	line-height:24px;
50	font-weight: normal;
51	text-align: center;
52	border: 1px solid #AAA;
53	border-left: none;
54	min-width: 14px;
55	padding: 0 7px;
56	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
57	background: #efefef; /* Old browsers */
58	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
59	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
60	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
61	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
62	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
63	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
64	}
65
66	.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
67	text-decoration: none;
68	background: #efefef; /* Old browsers */
69	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
70	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
71	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
72	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
73	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
74	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
75	}
76
77	.compact-theme li:first-child a, .compact-theme li:first-child span {
78	border-left: 1px solid #AAA;
79	border-radius: 3px 0 0 3px;
80	}
81
82	.compact-theme li:last-child a, .compact-theme li:last-child span {
83	border-radius: 0 3px 3px 0;
84	}
85
86	.compact-theme .current {
87	background: #bbbbbb; /* Old browsers */
88	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
89	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
90	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
91	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
92	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
93	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
94	cursor: default;
95	}
96
97	.compact-theme .ellipse {
98	background: #EAEAEA;
99	padding: 0 10px;
100	cursor: default;
101	}
102
103	/------------------------------------\
104	Light Theme Styles
105	\------------------------------------/
106	.light-theme span {
107	cursor:pointer;
108	}
109
110	.light-theme a, .light-theme span {
111	float: left;
112	color: #666;
113	font-size:14px;
114	line-height:24px;
115	font-weight: normal;
116	text-align: center;
117	border: 1px solid #BBB;
118	min-width: 14px;
119	padding: 0 7px;
120	margin: 0 5px 0 0;
121	border-radius: 3px;
122	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
123	background: #efefef; /* Old browsers */
124	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
125	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
126	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
127	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
128	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
129	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
130	}
131
132	.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
133	text-decoration: none;
134	background: #FCFCFC;
135	}
136
137	.light-theme .current {
138	background: #666;
139	color: #FFF;
140	border-color: #444;
141	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
142	cursor: default;
143	}
144
145	.light-theme .ellipse {
146	background: none;
147	border: none;
148	border-radius: 0;
149	box-shadow: none;
150	font-weight: bold;
151	cursor: default;
152	}
153
154	/------------------------------------\
155	Dark Theme Styles
156	\------------------------------------/
157	.dark-theme span {
158	cursor:pointer;
159	}
160
161	.dark-theme a, .dark-theme span {
162	float: left;
163	color: #CCC;
164	font-size:14px;
165	line-height:24px;
166	font-weight: normal;
167	text-align: center;
168	border: 1px solid #222;
169	min-width: 14px;
170	padding: 0 7px;
171	margin: 0 5px 0 0;
172	border-radius: 3px;
173	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
174	background: #555; /* Old browsers */
175	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
176	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
177	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
178	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
179	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
180	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
181	}
182
183	.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
184	text-decoration: none;
185	background: #444;
186	}
187
188	.dark-theme .current {
189	background: #222;
190	color: #FFF;
191	border-color: #000;
192	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
193	cursor: default;
194	}
195
196	.dark-theme .ellipse {
197	background: none;
198	border: none;
199	border-radius: 0;
200	box-shadow: none;
201	font-weight: bold;
202	cursor: default;
203	}
204