themes.css 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453
  1. /*********** bars-1to10 **************/
  2. .br-theme-bars-1to10 .br-widget {
  3. height: 50px;
  4. white-space: nowrap;
  5. }
  6. .br-theme-bars-1to10 .br-widget a {
  7. display: block;
  8. width: 12px;
  9. padding: 5px 0;
  10. height: 28px;
  11. float: left;
  12. margin: 1px;
  13. text-align: center;
  14. }
  15. .br-theme-bars-1to10 .br-widget .br-current-rating {
  16. font-size: 20px;
  17. line-height: 2;
  18. float: left;
  19. padding: 0 20px 0 20px;
  20. font-weight: 400;
  21. }
  22. .br-theme-bars-1to10 .br-readonly a {
  23. cursor: default;
  24. }
  25. @media print {
  26. .br-theme-bars-1to10 .br-widget a {
  27. border: 1px solid #b3b3b3;
  28. background: white;
  29. height: 38px;
  30. -webkit-box-sizing: border-box;
  31. -moz-box-sizing: border-box;
  32. box-sizing: border-box;
  33. }
  34. .br-theme-bars-1to10 .br-widget a.br-active,
  35. .br-theme-bars-1to10 .br-widget a.br-selected {
  36. border: 1px solid black;
  37. background: white;
  38. }
  39. .br-theme-bars-1to10 .br-widget .br-current-rating {
  40. color: black;
  41. }
  42. }
  43. /*********** bars-horizontal **************/
  44. .br-theme-bars-horizontal .br-widget {
  45. width: 120px;
  46. white-space: nowrap;
  47. }
  48. .br-theme-bars-horizontal .br-widget a {
  49. display: block;
  50. width: 120px;
  51. height: 5px;
  52. margin: 1px;
  53. }
  54. .br-theme-bars-horizontal .br-widget .br-current-rating {
  55. width: 120px;
  56. font-size: 18px;
  57. font-weight: 600;
  58. line-height: 2;
  59. text-align: center;
  60. }
  61. .br-theme-bars-horizontal .br-readonly a {
  62. cursor: default;
  63. }
  64. @media print {
  65. .br-theme-bars-horizontal .br-widget a {
  66. border: 1px solid #b3b3b3;
  67. background: white;
  68. -webkit-box-sizing: border-box;
  69. -moz-box-sizing: border-box;
  70. box-sizing: border-box;
  71. }
  72. .br-theme-bars-horizontal .br-widget a.br-active,
  73. .br-theme-bars-horizontal .br-widget a.br-selected {
  74. border: 1px solid black;
  75. background: white;
  76. }
  77. .br-theme-bars-horizontal .br-widget .br-current-rating {
  78. color: black;
  79. }
  80. }
  81. /*********** bars-movie **************/
  82. .br-theme-bars-movie .br-widget {
  83. height: 10px;
  84. white-space: nowrap;
  85. }
  86. .br-theme-bars-movie .br-widget a {
  87. display: block;
  88. width: 60px;
  89. height: 8px;
  90. float: left;
  91. margin: 1px;
  92. }
  93. .br-theme-bars-movie .br-widget .br-current-rating {
  94. clear: both;
  95. width: 240px;
  96. text-align: center;
  97. font-weight: 600;
  98. display: block;
  99. padding: .5em 0;
  100. font-weight: 400;
  101. }
  102. .br-theme-bars-movie .br-readonly a {
  103. cursor: default;
  104. }
  105. @media print {
  106. .br-theme-bars-movie .br-widget a {
  107. border: 1px solid #b3b3b3;
  108. background: white;
  109. -webkit-box-sizing: border-box;
  110. -moz-box-sizing: border-box;
  111. box-sizing: border-box;
  112. }
  113. .br-theme-bars-movie .br-widget a.br-active,
  114. .br-theme-bars-movie .br-widget a.br-selected {
  115. border: 1px solid black;
  116. background: white;
  117. }
  118. .br-theme-bars-movie .br-widget .br-current-rating {
  119. color: black;
  120. }
  121. }
  122. /*********** bars-pill **************/
  123. .br-theme-bars-pill .br-widget {
  124. white-space: nowrap;
  125. }
  126. .br-theme-bars-pill .br-widget a {
  127. padding: 7px 15px;
  128. text-decoration: none;
  129. font-size: 13px;
  130. line-height: 3;
  131. text-align: center;
  132. font-weight: 400;
  133. }
  134. .br-theme-bars-pill .br-widget a:first-child {
  135. -webkit-border-top-left-radius: 999px;
  136. -webkit-border-bottom-left-radius: 999px;
  137. -moz-border-radius-topleft: 999px;
  138. -moz-border-radius-bottomleft: 999px;
  139. border-top-left-radius: 999px;
  140. border-bottom-left-radius: 999px;
  141. }
  142. .br-theme-bars-pill .br-widget a:last-child {
  143. -webkit-border-top-right-radius: 999px;
  144. -webkit-border-bottom-right-radius: 999px;
  145. -moz-border-radius-topright: 999px;
  146. -moz-border-radius-bottomright: 999px;
  147. border-top-right-radius: 999px;
  148. border-bottom-right-radius: 999px;
  149. }
  150. .br-theme-bars-pill .br-readonly a {
  151. cursor: default;
  152. }
  153. @media print {
  154. .br-theme-bars-pill .br-widget a {
  155. border: 1px solid #b3b3b3;
  156. border-left: none;
  157. background: white;
  158. -webkit-box-sizing: border-box;
  159. -moz-box-sizing: border-box;
  160. box-sizing: border-box;
  161. }
  162. .br-theme-bars-pill .br-widget a.br-active,
  163. .br-theme-bars-pill .br-widget a.br-selected {
  164. border: 1px solid black;
  165. border-left: none;
  166. background: white;
  167. color: black;
  168. }
  169. .br-theme-bars-pill .br-widget a:first-child {
  170. border-left: 1px solid black;
  171. }
  172. }
  173. /*********** bars-reversed **************/
  174. .br-theme-bars-reversed .br-widget {
  175. height: 25px;
  176. white-space: nowrap;
  177. }
  178. .br-theme-bars-reversed .br-widget a {
  179. display: block;
  180. width: 22px;
  181. height: 22px;
  182. float: left;
  183. background-color: #bef5e8;
  184. margin: 1px;
  185. font-size: 15px;
  186. font-weight: 400;
  187. line-height: 1.4;
  188. color: #50E3C2;
  189. text-align: center;
  190. }
  191. .br-theme-bars-reversed .br-widget a.br-active,
  192. .br-theme-bars-reversed .br-widget a.br-selected {
  193. background-color: #50E3C2;
  194. color: white;
  195. }
  196. .br-theme-bars-reversed .br-widget .br-current-rating {
  197. line-height: 1.3;
  198. float: left;
  199. padding: 0 20px 0 20px;
  200. color: #50E3C2;
  201. font-size: 17px;
  202. font-weight: 400;
  203. }
  204. .br-theme-bars-reversed .br-readonly a {
  205. cursor: default;
  206. }
  207. .br-theme-bars-reversed .br-readonly a.br-active,
  208. .br-theme-bars-reversed .br-readonly a.br-selected {
  209. background-color: #7cead1;
  210. }
  211. .br-theme-bars-reversed .br-readonly .br-current-rating {
  212. color: #7cead1;
  213. }
  214. @media print {
  215. .br-theme-bars-reversed .br-widget a {
  216. border: 1px solid #b3b3b3;
  217. background: white;
  218. -webkit-box-sizing: border-box;
  219. -moz-box-sizing: border-box;
  220. box-sizing: border-box;
  221. }
  222. .br-theme-bars-reversed .br-widget a.br-active,
  223. .br-theme-bars-reversed .br-widget a.br-selected {
  224. border: 1px solid black;
  225. background: white;
  226. }
  227. .br-theme-bars-reversed .br-widget .br-current-rating {
  228. color: black;
  229. }
  230. }
  231. /*********** bars-square **************/
  232. .br-theme-bars-square .br-widget {
  233. height: 15px;
  234. white-space: nowrap;
  235. }
  236. .br-theme-bars-square .br-widget a {
  237. display: block;
  238. width: 30px;
  239. height: 30px;
  240. float: left;
  241. margin: 2px;
  242. text-decoration: none;
  243. font-size: 14px;
  244. font-weight: 400;
  245. line-height: 2;
  246. text-align: center;
  247. font-weight: 600;
  248. }
  249. .br-theme-bars-square .br-widget .br-current-rating {
  250. clear: both;
  251. width: 330px;
  252. text-align: center;
  253. font-weight: 600;
  254. display: block;
  255. padding: .5em 0;
  256. color: #646464;
  257. }
  258. .br-theme-bars-square .br-readonly a {
  259. cursor: default;
  260. }
  261. @media print {
  262. .br-theme-bars-square .br-widget a {
  263. border: 2px solid #b3b3b3;
  264. color: #b3b3b3;
  265. }
  266. .br-theme-bars-square .br-widget a.br-active,
  267. .br-theme-bars-square .br-widget a.br-selected {
  268. border: 2px solid black;
  269. color: black;
  270. }
  271. }
  272. /*********** bootstrap-stars **************/
  273. .br-theme-bootstrap-stars .br-widget {
  274. height: 28px;
  275. white-space: nowrap;
  276. }
  277. .br-theme-bootstrap-stars .br-widget a {
  278. font: normal normal normal 18px/1 'Glyphicons Halflings';
  279. text-rendering: auto;
  280. -webkit-font-smoothing: antialiased;
  281. text-decoration: none;
  282. margin-right: 2px;
  283. }
  284. .br-theme-bootstrap-stars .br-widget a:after {
  285. content: '\e006';
  286. color: #d2d2d2;
  287. }
  288. .br-theme-bootstrap-stars .br-widget a.br-active:after {
  289. color: #EDB867;
  290. }
  291. .br-theme-bootstrap-stars .br-widget a.br-selected:after {
  292. color: #EDB867;
  293. }
  294. .br-theme-bootstrap-stars .br-widget .br-current-rating {
  295. display: none;
  296. }
  297. .br-theme-bootstrap-stars .br-readonly a {
  298. cursor: default;
  299. }
  300. @media print {
  301. .br-theme-bootstrap-stars .br-widget a:after {
  302. content: '\e007';
  303. color: black;
  304. }
  305. .br-theme-bootstrap-stars .br-widget a.br-active:after,
  306. .br-theme-bootstrap-stars .br-widget a.br-selected:after {
  307. content: '\e006';
  308. color: black;
  309. }
  310. }
  311. /*********** fontawesome-stars-o **************/
  312. .br-theme-fontawesome-stars-o .br-widget {
  313. height: 28px;
  314. white-space: nowrap;
  315. }
  316. .br-theme-fontawesome-stars-o .br-widget a {
  317. font: normal normal normal 20px/1 FontAwesome;
  318. text-rendering: auto;
  319. -webkit-font-smoothing: antialiased;
  320. text-decoration: none;
  321. margin-right: 2px;
  322. }
  323. .br-theme-fontawesome-stars-o .br-widget .br-current-rating {
  324. display: none;
  325. }
  326. .br-theme-fontawesome-stars-o .br-readonly a {
  327. cursor: default;
  328. }
  329. .br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
  330. display: inline-block;
  331. transform: scaleX(-1);
  332. -moz-transform: scaleX(-1);
  333. -webkit-transform: scaleX(-1);
  334. filter: FlipH;
  335. -ms-filter: "FlipH";
  336. }
  337. @media print {
  338. .br-theme-fontawesome-stars-o .br-widget a:after {
  339. content: '\f006';
  340. color: black;
  341. }
  342. .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
  343. .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  344. content: '\f005';
  345. color: black;
  346. }
  347. .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  348. content: '\f123';
  349. color: black;
  350. }
  351. }
  352. /*********** fontawesome-stars **************/
  353. .br-theme-fontawesome-stars .br-widget {
  354. height: 28px;
  355. white-space: nowrap;
  356. }
  357. .br-theme-fontawesome-stars .br-widget a {
  358. font: normal normal normal 20px/1 FontAwesome;
  359. text-rendering: auto;
  360. -webkit-font-smoothing: antialiased;
  361. text-decoration: none;
  362. margin-right: 2px;
  363. }
  364. .br-theme-fontawesome-stars .br-widget .br-current-rating {
  365. display: none;
  366. }
  367. .br-theme-fontawesome-stars .br-readonly a {
  368. cursor: default;
  369. }
  370. @media print {
  371. .br-theme-fontawesome-stars .br-widget a:after {
  372. content: '\f006';
  373. color: black;
  374. }
  375. .br-theme-fontawesome-stars .br-widget a.br-active:after,
  376. .br-theme-fontawesome-stars .br-widget a.br-selected:after {
  377. content: '\f005';
  378. color: black;
  379. }
  380. }
  381. /*********** css-stars **************/
  382. .br-theme-css-stars .br-widget {
  383. height: 28px;
  384. white-space: nowrap;
  385. }
  386. .br-theme-css-stars .br-widget a {
  387. text-decoration: none;
  388. height: 18px;
  389. width: 18px;
  390. float: left;
  391. font-size: 23px;
  392. margin-right: 5px;
  393. }
  394. .br-theme-css-stars .br-widget a:after {
  395. content: "\2605";
  396. color: #d2d2d2;
  397. }
  398. .br-theme-css-stars .br-widget a.br-active:after {
  399. color: #EDB867;
  400. }
  401. .br-theme-css-stars .br-widget a.br-selected:after {
  402. color: #EDB867;
  403. }
  404. .br-theme-css-stars .br-widget .br-current-rating {
  405. display: none;
  406. }
  407. .br-theme-css-stars .br-readonly a {
  408. cursor: default;
  409. }
  410. @media print {
  411. .br-theme-css-stars .br-widget a:after {
  412. content: "\2606";
  413. color: black;
  414. }
  415. .br-theme-css-stars .br-widget a.br-active:after,
  416. .br-theme-css-stars .br-widget a.br-selected:after {
  417. content: "\2605";
  418. color: black;
  419. }
  420. }