API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 11th, 2011
393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.00 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. //TODO: Check compatibility with IE9 preview (Make sure all alpha filters aren't present for IE9, while not breaking the other filters).
  3. define('IMAGES', '../images/');
  4. require_once('../../backend/framework.php');
  5. header('Content-Type: '.CSS.'; charset='.CHARSET);
  6. $server = new server_checks(false);
  7. $UA = new userAgentChecker($server);
  8. ?>@charset "<?php echo(CHARSET); ?>";
  9. html {
  10. font-family: Arial, Helvetica, sans-serif;
  11. font-size: 16px;
  12. color: rgb(0, 0, 0);
  13. -webkit-text-size-adjust: none;
  14. direction: ltr;
  15. <?php
  16. if ($UA->browser() != 'MSIE' && $UA->browser() != 'Tasman') { //IE 6 fails at fixed BGs when applied to html & body, also MSIE doesn't do xhtml, so skip this.
  17. ?> background-color: rgb(255, 255, 255); /*Some lesser-known browsers don't default to a white background*/
  18. background-image: url("<?php echo(IMAGES); ?>bg1.jpg"); /*Force on both the html element and body element, as IE 5 fails to skin when on html, and old-Gecko fails to skin the full window on body*/
  19. background-attachment: fixed;
  20. background-repeat: no-repeat;
  21. background-position: top left;
  22. overflow: <?php echo(($UA->browser() == 'Gecko' && $UA->int_version() <= 1.7) ? 'scroll' : 'auto'); ?>;
  23. <?php
  24. }
  25. if ($UA->browser() == 'iPhone') {
  26. ?> -webkit-background-size: 100%; /*Workaround for iphone background imaging*/
  27. <?php
  28. }
  29. ?>}
  30. html, body {
  31. margin: 0px;
  32. padding: 0px;
  33. height: auto;
  34. width: auto;
  35. }
  36. body {
  37. <?php
  38. if ($UA->browser() != 'iPhone') {
  39. ?> background-color: rgb(255, 255, 255); /*Some lesser-known browsers don't default to a white background*/
  40. background-image: url("<?php echo(IMAGES); ?>bg1.jpg"); /*Force on both the html element and body element, as IE 5 fails to skin when on html, and old-Gecko fails to skin the full window on body*/
  41. background-attachment: fixed;
  42. background-repeat: no-repeat;
  43. <?php
  44. }
  45. if ($UA->browser() == 'MSIE' && $UA->int_version() < 6) {
  46. ?> overflow: auto; /*IE5 fix*/
  47. <?php
  48. }
  49. else {
  50. ?> overflow: visible;
  51. <?php
  52. }
  53. if (!($UA->browser() == 'MSIE' && $UA->int_version() >= 8) && !($UA->browser() == 'Gecko' && $UA->int_version() >= 1.9) && $UA->browser() != 'Webkit' && $UA->browser() != 'iPhone') {
  54. ?> min-width: 975px; /*IE7 inline-block minimum intrinsic width workaround*/
  55. <?php
  56. }
  57. ?>}
  58. div#body_wrapper {
  59. position: relative;
  60. margin: 0px;
  61. padding: 0px;
  62. height: <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 7) ? '100%' : 'auto')); ?>;
  63. min-width: 100%;
  64. width: auto;
  65. display: inline-block; /*To use the minimum instrinsic width as a minimum width limit*/
  66. z-index: 2;
  67. <?php
  68. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 6) {
  69. ?> width: expression((document.body.clientWidth <= 975) ? "975px" : "auto"); /*IE 6 crashes if 'less than' target width, so trigger on 'equal to' as well*/
  70. <?php
  71. }
  72. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 5.5) {
  73. ?> text-align: left; /*Reset text alignment due to centering hack*/
  74. <?php
  75. }
  76. ?>}
  77. body img#bg_skin {
  78. z-index: 1;
  79. position: fixed;
  80. top: 0px;
  81. left: 0px;
  82. width: 1920px;
  83. height: 1440px
  84. }
  85. div#header {
  86. border: none;
  87. position: static;
  88. display: block;
  89. width: auto;
  90. margin: 0px;
  91. padding: 0px;
  92. height: 50px;
  93. overflow: visible;
  94. }
  95. div#header span#hover_description {
  96. position: absolute;
  97. left: 20px;
  98. top: 5px;
  99. border-radius: 3px;
  100. -moz-border-radius: 3px;
  101. -webkit-border-radius: 3px;
  102. line-height: 1;
  103. font-size: 10px;
  104. padding: 2px 3px;
  105. background-color: rgb(200, 200, 100);
  106. opacity: 0.6;
  107. -moz-opacity: 0.6;
  108. -khtml-opacity: 0.6;
  109. <?php
  110. if ($UA->browser() == 'MSIE'/* && $UA->int_version() < 9*/) {
  111. if ($UA->int_version() < 8) {
  112. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  113. <?php
  114. }
  115. else {
  116. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
  117. <?php
  118. }
  119. }
  120. ?>}
  121. div#header span.hover_description_hidden {
  122. visibility: hidden;
  123. }
  124. div#header span.hover_description_active {
  125. visibility: visible;
  126. }
  127. div#header span#text1 {
  128. text-shadow: 2px 2px 2px rgb(100, 100, 100);
  129. position: absolute;
  130. top: 13px;
  131. right: 100px;
  132. word-spacing: 3px;
  133. font-size: 10px;
  134. font-weight: bold;
  135. color: rgb(50, 50, 0);
  136. line-height: 16px;
  137. opacity: 0.3;
  138. -moz-opacity: 0.3;
  139. -khtml-opacity: 0.3;
  140. <?php
  141. if (($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) || $UA->browser() == 'Tasman') {
  142. ?> z-index: 4;
  143. <?php
  144. }
  145. if ($UA->browser() == 'MSIE') {
  146. if ($UA->int_version() < 8 && $UA->int_version() >= 5.5) {
  147. ?> filter: progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA', strength='2', direction='135'), progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  148. <?php
  149. }
  150. elseif (true/*$UA->int_version() < 9*/) {
  151. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA', strength='2', direction='135'), progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
  152. <?php
  153. }
  154. else {
  155. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#AAAAAA', strength='2', direction='135')";
  156. <?php
  157. }
  158. }
  159. ?>}
  160. div#header span#text2 {
  161. position: absolute;
  162. top: 10px;
  163. right: 20px;
  164. word-spacing: 0px;
  165. font-size: 30px;
  166. font-weight: bold;
  167. color: rgb(200, 30, 0);
  168. line-height: 1;
  169. z-index: 3;
  170. opacity: 0.1;
  171. -moz-opacity: 0.1;
  172. -khtml-opacity: 0.1;
  173. <?php
  174. if ($UA->browser() == 'MSIE'/* && $UA->int_version() < 9*/ || $UA->browser() == 'Tasman') {
  175. if ($UA->int_version() < 8) {
  176. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  177. <?php
  178. if ($UA->int_version() < 5.5 || $UA->browser() == 'Tasman') {
  179. ?> color: rgb(160, 140, 140); /*Different color for IE5, due to no opacity support*/
  180. <?php
  181. }
  182. }
  183. else {
  184. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
  185. <?php
  186. }
  187. }
  188. ?>}
  189. div#header span#text2:hover {
  190. opacity: 0.3;
  191. -moz-opacity: 0.3;
  192. -khtml-opacity: 0.3;
  193. <?php
  194. if ($UA->browser() == 'MSIE'/* && $UA->int_version() < 9*/) {
  195. if ($UA->int_version() < 8) {
  196. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  197. <?php
  198. }
  199. else {
  200. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
  201. <?php
  202. }
  203. }
  204. ?>}
  205. div#main_wrapper {
  206. display: block;
  207. position: relative;
  208. overflow: auto;
  209. padding: 0px 0px 40px 0px;
  210. margin: 20px 20px 0px 20px;
  211. height: auto;
  212. width: auto;
  213. <?php
  214. if ($UA->browser() == 'MSIE') {
  215. if ($UA->int_version() >= 8) {
  216. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Iris(duration='5.000', irisStyle='circle', motion='inside')";
  217. <?php
  218. }
  219. elseif ($UA->int_version() >= 6) {
  220. ?> filter: progid:DXImageTransform.Microsoft.Iris(duration='5.000', irisStyle='circle', motion='inside');
  221. zoom: 1; /*IE 5.5-7 Filter Quirk*/
  222. <?php
  223. }
  224. }
  225. ?>}
  226. div#navigation {
  227. display: block;
  228. border: none;
  229. overflow: hidden;
  230. position: static;
  231. width: auto;
  232. margin: 0px;
  233. padding: 5px 35px;
  234. background-color: rgb(200, 200, 200);
  235. text-align: center;
  236. border-top-right-radius: 10px;
  237. -moz-border-radius-topright: 10px;
  238. -webkit-border-top-right-radius: 10px;
  239. border-top-left-radius: 10px;
  240. -moz-border-radius-topleft: 10px;
  241. -webkit-border-top-left-radius: 10px;
  242. white-space: pre;
  243. opacity: 0;
  244. -moz-opacity: 0;
  245. -khtml-opacity: 0;
  246. /*Applying linear opacity gradient for IE only, as an alternate effect to border radius*/
  247. <?php
  248. if ($UA->browser() == 'MSIE') {
  249. if ($UA->int_version() >= 8 && $UA->int_version() < 9) {
  250. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0), progid:DXImageTransform.Microsoft.Alpha(opacity='0', finishOpacity='100', style='1', startX='0', finishX='0', startY='0', finishY='40')";
  251. <?php
  252. }
  253. else {
  254. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0), progid:DXImageTransform.Microsoft.Alpha(opacity="0", finishOpacity="100", style="1", startX="0", finishX="0", startY="0", finishY="40");
  255. <?php
  256. if ($UA->int_version() <= 6 && $UA->int_version() >= 5.5) {
  257. ?> zoom: 1; /*IE 5.5-7 Filter Quirk*/
  258. <?php
  259. }
  260. elseif ($UA->int_version() < 5.5) {
  261. ?> width: 100%; /*IE 5 div width calculation bug*/
  262. <?php
  263. }
  264. }
  265. }
  266. ?>}
  267. div#navigation a.nav_reg:link, div#navigation a.nav_reg:visited {
  268. color: rgb(200, 100, 200);
  269. word-spacing: 1px;
  270. font-size: 20px;
  271. text-decoration: none;
  272. line-height: 30px;
  273. vertical-align: baseline;
  274. margin: 0px;
  275. padding: 0px;
  276. }
  277. div#navigation a.nav_reg:hover, div#navigation a.nav_reg:active {
  278. color: rgb(206, 106, 222);
  279. text-decoration: none;
  280. }
  281. div#navigation span.spacer {
  282. margin: 0px 26px;
  283. padding: 0px;
  284. word-spacing: 5px;
  285. line-height: 30px;
  286. vertical-align: baseline;
  287. white-space: pre;
  288. font-size: 30px;
  289. color: rgb(0, 0, 0);
  290. <?php
  291. if ($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) {
  292. ?>
  293. letter-spacing: 20px; /*IE 5 No Inline Margins Bug*/
  294. <?php
  295. }
  296. ?>}
  297. div#content {
  298. display: block;
  299. border: none;
  300. overflow: auto;
  301. <?php
  302. if ($UA->browser() == 'Presto') {
  303. ?> overflow-x: hidden;
  304. <?php
  305. }
  306. ?>
  307. position: static;
  308. width: auto;
  309. margin: 5px 0px 0px 0px;
  310. padding: 5px <?php echo(($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) ? '0' : '15'); ?>px 15px 15px;<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) ? '/*IE 5 padding calculation bug*/' : '')."\r\n"); ?>
  311. background-color: rgb(100, 100, 100);
  312. color: rgb(0, 0, 0);
  313. border-bottom-right-radius: 10px;
  314. -moz-border-radius-bottomright: 10px;
  315. -webkit-border-bottom-right-radius: 10px;
  316. border-bottom-left-radius: 10px;
  317. -moz-border-radius-bottomleft: 10px;
  318. -webkit-border-bottom-left-radius: 10px;
  319. opacity: 0;
  320. -moz-opacity: 0;
  321. -khtml-opacity: 0;
  322. <?php
  323. if ($UA->browser() == 'MSIE'/* && $UA->int_version() < 9*/) {
  324. if ($UA->int_version() >= 8) {
  325. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  326. <?php
  327. }
  328. elseif ($UA->int_version() < 8) {
  329. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  330. <?php
  331. if ($UA->int_version() <= 6 && $UA->int_version() >= 5.5) {
  332. ?> zoom: 1; /*IE 5.5-7 Filter Quirk*/
  333. <?php
  334. }
  335. elseif ($UA->int_version() < 5.5) {
  336. ?> width: 100%; /*IE 5 div width calculation bug*/
  337. text-align: left;
  338. <?php
  339. }
  340. }
  341. }
  342. ?>}
  343. div#content div#header_topic_wrapper_master {
  344. margin: <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 7) ? '10' : '5')); ?>px 0px <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 7) ? (($UA->int_version() > 6) ? '10' : '5') : '15')); ?>px 0px;<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 7) ? '/*IE margin bug*/' : '')."\r\n"); ?>
  345. padding: 0px <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 5.5) ? '0' : '2')); ?>px 0px 0px;<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 5.5) ? '/*IE 5.5 Padded Div w/ Non-fixed Inside Table Width Calculation Bug*/' : '')."\r\n"); ?>
  346. background-color: transparent;
  347. overflow: visible;
  348. <?php
  349. if ($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) {
  350. ?> background-color: rgb(100, 100, 100);
  351. <?php
  352. }
  353. ?>}
  354. div#content div#header_topic_wrapper_master table#topic_heading tr td div, div#content div#actual_content_wrapper {
  355. opacity: 0;
  356. -moz-opacity: 0;
  357. -khtml-opacity: 0;
  358. <?php
  359. if ($UA->browser() == 'MSIE'/* && $UA->int_version() < 9*/) {
  360. if ($UA->int_version() < 8) {
  361. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  362. <?php
  363. if ($UA->int_version() < 6 && $UA->int_version() >= 5.5) {
  364. ?> zoom: 1; /*IE 5.5-7 Filter Quirk*/
  365. <?php
  366. }
  367. }
  368. else {
  369. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  370. <?php
  371. }
  372. }
  373. ?>}
  374. div#content div#header_topic_wrapper_master table#topic_heading {
  375. border: none;
  376. margin: 0px;
  377. padding: 0px;
  378. width: 100%;
  379. overflow: visible;
  380. border-collapse: collapse;
  381. background-color: transparent;
  382. border-spacing: 0px;
  383. }
  384. div#content div#header_topic_wrapper_master table#topic_heading tr td {
  385. overflow: visible;
  386. margin: 0px 0px <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) ? '-5' : '0')); ?>px 0px !important;
  387. padding: 0px;
  388. background-color: transparent;
  389. border: none;
  390. }
  391. div#content div#header_topic_wrapper_master table#topic_heading tr td div {
  392. height: 100%;
  393. margin: 0px;
  394. padding: 0px;
  395. <?php
  396. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 6) {
  397. ?> margin-bottom: 5px;
  398. <?php
  399. if ($UA->int_version() <= 5.5) {
  400. ?> height: 52px;
  401. <?php
  402. if ($UA->int_version() == 5.5) {
  403. ?> margin-right: 5px;
  404. <?php
  405. }
  406. }
  407. }
  408. if ($UA->browser() == 'Gecko' && $UA->int_version() <= 1.7) {
  409. ?> display: block; /*Fixes resizing issues for some reason.*/
  410. <?php
  411. }
  412. ?>}
  413. div#content div#header_topic_wrapper_master table#topic_heading tr td.spacing div.browser_fixup, div#content div#header_topic_wrapper_master table#topic_heading tr td.spacing {
  414. width: 1<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() <= 7 && $UA->int_version() >= 6) ? '1' : (($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() < 6) ? '0' : '5'))); ?>px; /*Force widths to be respected in some browsers, by giving a child with the same width as the table cell's width*/
  415. }
  416. div#content div#header_topic_wrapper_master table#topic_heading tr td.spacing div.browser_fixup {
  417. margin: 0px;
  418. padding: 0px;
  419. border: none;
  420. }
  421. div#content div#header_topic_wrapper_master table#topic_heading tr td.boxy div, div#content div#header_topic_wrapper_master table#topic_heading tr td.super_heading div#topic_heading_text {
  422. <?php
  423. //if ($UA->browser() != 'Presto') {
  424. ?> box-shadow: 4px 5px 3px rgb(32, 32, 32);
  425. <?php
  426. //}
  427. ?>
  428. -webkit-box-shadow: 4px 5px 3px rgb(32, 32, 32);
  429. -moz-box-shadow: 4px 5px 3px rgb(32, 32, 32);
  430. <?php
  431. if ($UA->browser() == 'MSIE') {
  432. if ($UA->int_version() < 8) {
  433. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0), progid:DXImageTransform.Microsoft.dropshadow(OffX='4', OffY='5', Color='#303030', Positive='true');
  434. <?php
  435. }
  436. elseif (true/*$UA->int_version() < 9*/) {
  437. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0), progid:DXImageTransform.Microsoft.dropshadow(OffX='4', OffY='5', Color='#303030', Positive='true')";
  438. <?php
  439. }
  440. else {
  441. ?> -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='4', OffY='5', Color='#303030', Positive='true')";
  442. <?php
  443. }
  444. }
  445. ?>}
  446. div#content div#header_topic_wrapper_master table#topic_heading tr td.boxy {
  447. height: 50px;
  448. }
  449. div#content div#header_topic_wrapper_master table#topic_heading tr td.super_heading div#topic_heading_text {
  450. padding: 10px 20px;
  451. font-size: 30px;
  452. color: rgb(200, 30, 0);
  453. border-top-left-radius: 10px;
  454. -moz-border-radius-topleft: 10px;
  455. -webkit-border-top-left-radius: 10px;
  456. border-bottom-left-radius: 10px;
  457. -moz-border-radius-bottomleft: 10px;
  458. -webkit-border-bottom-left-radius: 10px;
  459. display: block;
  460. width: auto;
  461. overflow: hidden;
  462. white-space: pre;
  463. <?php
  464. if ($UA->browser() == 'MSIE' && $UA->int_version() < 6) {
  465. ?> height: 52px; /*MSIE 5.5 and below height fixing*/
  466. <?php
  467. }
  468. else {
  469. ?> height: 30px; /*For the Gecko 1.8.0 (around Firefox 1.5) and below layout bug*/
  470. <?php
  471. }
  472. if ($UA->browser() == 'MSIE' && $UA->int_version() >= 6 && $UA->int_version() <= 7) {
  473. ?> margin-right: 4px; /*IE 6-7 Overflow Visibility Bug*/
  474. <?php
  475. }
  476. if ($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) {
  477. ?> padding: 7px 20px 13px 20px; /*IE Text-Vertical Align Offset Bug*/
  478. <?php
  479. }
  480. ?>}
  481. <?php
  482. for ($index = 0; $index < 10; $index++) {
  483. ?>
  484. td#topic_heading_effects_<?php echo($index); ?>, td#topic_heading_effects_<?php echo($index); ?> div {
  485. width: <?php echo(($index * 9) + 1 + (($UA->browser() == 'MSIE' && $UA->int_version() < 6) ? 2 : 0)); ?>px;
  486. }
  487. td#topic_heading_effects_<?php echo($index); ?> div {
  488. background-color: rgb(<?php echo((50 + ($index * 10)).', '. (50 + ($index * 10)).', '.(50 + ($index * 10))); ?>) !important;
  489. }
  490. <?php
  491. }
  492. ?>
  493. div#content div#header_topic_wrapper_master table#topic_heading tr td.boxy div, div#content div#header_topic_wrapper_master table#topic_heading tr td.super_heading div#topic_heading_text, div#content div.heading, div#content div.subpanel div.subpanel_header {
  494. border-style: solid;
  495. border-width: 1px;
  496. border-color: rgb(30, 30, 30);
  497. background-color: rgb(140, 140, 140);
  498. font-weight: bold;
  499. line-height: 1;
  500. text-align: left;
  501. vertical-align: middle;
  502. <?php
  503. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 7 && $UA->int_version() >= 5.5) {
  504. ?> zoom: 1; /*IE 5.5-7 Filter Quirk*/
  505. <?php
  506. }
  507. ?>}
  508. div#content div.heading, div#content div.subpanel div.subpanel_header {
  509. margin: 0px;
  510. padding: 0px;
  511. opacity: 0.95;
  512. -moz-opacity: 0.95;
  513. -khtml-opacity: 0.95;
  514. <?php
  515. if ($UA->browser() == 'MSIE'/* && $UA->int_version() < 9*/) {
  516. if ($UA->int_version() < 8) {
  517. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
  518. <?php
  519. }
  520. else {
  521. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=95)";
  522. <?php
  523. }
  524. }
  525. ?>}
  526. div#content div.subpanel div.heading:hover, div#content div.heading:hover {
  527. color: rgb(225, 225, 225);
  528. }
  529. div#content div.heading {
  530. font-size: 20px;
  531. line-height: 1.0<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) ? '3; /*IE 5 seems to be skinning the background by the text box, when it\s clearly declared for the div box, and seems to have a text-box height rounding error.*/' : ';')."\r\n"); ?>
  532. padding: 5px 20px;
  533. <?php
  534. if ($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) {
  535. ?> padding: 3px 20px 7px 20px; /*IE Text-Vertical Align Offset Bug*/
  536. <?php
  537. }
  538. elseif ($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) {
  539. ?> padding: 4px 20px 2px 20px; /*IE5 Box Padding Bug*/
  540. <?php
  541. }
  542. ?>
  543. color: rgb(200, 200, 200);
  544. <?php
  545. //if ($UA->browser() != 'Presto') {
  546. ?> box-shadow: 2px 3px 2px rgb(32, 32, 32);
  547. <?php
  548. //}
  549. ?>
  550. -webkit-box-shadow: 2px 3px 2px rgb(32, 32, 32);
  551. -moz-box-shadow: 2px 3px 2px rgb(32, 32, 32);
  552. <?php
  553. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 6) {
  554. ?> filter: progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#303030', Positive='true'); /*Horizontal shadow not shown, due to width bug*/
  555. margin-bottom<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) ? '-1' : '0')); ?>px; /*IE 5.5-6 does not compensate for the added height*/
  556. <?php
  557. }
  558. else {
  559. ?> margin: 0px <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() >= 7) ? '2' : '0')); ?>px <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() == 7) ? '-3' : '0')); ?>px 0px; /*IE 7 does not compensate for the added height. IE 7-8 do not compensate for the dropshadow on the width calaculations.*/
  560. <?php
  561. if ($UA->browser() == 'MSIE') {
  562. if ($UA->int_version() < 8) {
  563. ?> filter: progid:DXImageTransform.Microsoft.dropshadow(OffX='2', OffY='3', Color='#303030', Positive='true');
  564. <?php
  565. }
  566. else {
  567. ?> -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='2', OffY='3', Color='#303030', Positive='true')";
  568. <?php
  569. }
  570. }
  571. }
  572. ?>}
  573. div#content div.textwrapper div.effectswrapper span, div#content div.textwrapper div.effectswrapper a {
  574. margin: 0px;
  575. padding: 0px;
  576. background-color: transparent;
  577. white-space: pre-line;
  578. border: none;
  579. }
  580. div#content div.textwrapper div.effectswrapper span, div#content div.textwrapper div.effectswrapper a span {
  581. text-shadow: 0px 3px 3px rgb(30, 30, 30);
  582. }
  583. div#content div.textwrapper div.effectswrapper span {
  584. color: rgb(200, 200, 200);
  585. }
  586. div#content div.textwrapper div.effectswrapper a:link, div#content div.textwrapper div.effectswrapper a:visited, div#content div.textwrapper div.effectswrapper a:link span, div#content div.textwrapper div.effectswrapper a:visited span {
  587. color: rgb(170, 170, 170);
  588. text-decoration: none;
  589. }
  590. div#content div.textwrapper div.effectswrapper a:hover, div#content div.textwrapper div.effectswrapper a:hover, div#content div.textwrapper div.effectswrapper a:hover span, div#content div.textwrapper div.effectswrapper a:hover span {
  591. color: rgb(190, 190, 190);
  592. text-decoration: underline;
  593. }
  594. div#content div.textwrapper {
  595. margin: 5px 28px 15px 28px;
  596. padding: 5px 20px;
  597. border: none;
  598. background-color: transparent;
  599. }
  600. div#content div.textwrapper div.effectswrapper {
  601. margin: 0px;
  602. border: none;
  603. border-radius: 5px;
  604. -moz-border-radius: 5px;
  605. -webkit-border-radius: 5px;
  606. padding: 6px 3px;
  607. background-color: transparent;
  608. font-size: 16px;
  609. font-weight: normal;
  610. line-height: 1.2;
  611. text-align: left;
  612. word-spacing: 1px;
  613. <?php
  614. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 7 && $UA->int_version() >= 5.5) {
  615. ?> zoom: 1; /*IE 5.5-7 Filter Quirk*/
  616. <?php
  617. }
  618. ?>}
  619. div#content div.textwrapper div.effectswrapper:hover, div#content div.textwrapper div.effectswrapper:active {
  620. background: linear-gradient(top, rgb(80, 80, 80), rgb(40, 40, 40), rgb(80, 80, 80));
  621. background: -moz-linear-gradient(top, rgb(80, 80, 80), rgb(40, 40, 40), rgb(80, 80, 80));
  622. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #505050), color-stop(0.5, #282828), color-stop(1, #505050));
  623. <?php
  624. //if ($UA->browser() != 'Presto') {
  625. ?> box-shadow: 3px 3px 1px rgb(32, 32, 32);
  626. <?php
  627. //}
  628. ?>
  629. -webkit-box-shadow: 3px 3px 1px rgb(32, 32, 32);
  630. -moz-box-shadow: 3px 3px 1px rgb(32, 32, 32);
  631. background-color: rgb(80, 80, 80);
  632. <?php
  633. if ($UA->browser() == 'MSIE') {
  634. if ($UA->int_version() < 7 && $UA->int_version() >= 5.5) {
  635. ?> filter: progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='3', direction='135'), progid:DXImageTransform.Microsoft.gradient(endColorstr=#FF505050, startColorstr=#80000000);
  636. margin: 0px -2px -3px 0px;
  637. <?php
  638. }
  639. elseif ($UA->int_version() < 8) {
  640. ?> filter: progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='3', direction='135'), progid:DXImageTransform.Microsoft.gradient(endColorstr=#FF505050, startColorstr=#80000000);
  641. margin: 0px 0px -3px 0px;
  642. <?php
  643. }
  644. elseif ($UA->int_version() >= 8) {
  645. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='3', direction='135'), progid:DXImageTransform.Microsoft.gradient(endColorstr=#FF505050, startColorstr=#80000000)";
  646. <?php
  647. }
  648. }
  649. ?>
  650. }
  651. div#content div.textwrapper div.effectswrapper:active {
  652. background: linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80), rgb(60, 60, 60));
  653. background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80), rgb(60, 60, 60));
  654. background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3C3C3C), color-stop(0.5, #505050), color-stop(1, #3C3C3C));
  655. <?php
  656. //if ($UA->browser() != 'Presto') {
  657. ?> box-shadow: -3px -3px 1px rgb(32, 32, 32);
  658. <?php
  659. //}
  660. ?>
  661. -webkit-box-shadow: -3px -3px 1px rgb(32, 32, 32);
  662. -moz-box-shadow: -3px -3px 1px rgb(32, 32, 32);
  663. <?php
  664. //if ($UA->browser() != 'Presto') {
  665. ?> box-shadow: inset 3px 3px 1px rgb(32, 32, 32);
  666. <?php
  667. //}
  668. ?>
  669. -webkit-box-shadow: inset 3px 3px 1px rgb(32, 32, 32);
  670. -moz-box-shadow: inset 3px 3px 1px rgb(32, 32, 32);
  671. }
  672. div#content div.textwrapper div.effectswrapper div.center {
  673. text-align: center;
  674. margin: 5px 25px;
  675. width: auto;
  676. }
  677. div#content div.textwrapper div.effectswrapper div.center img {
  678. margin: 10px;
  679. }
  680. div#content div.textwrapper div.effectswrapper div.blog_video {
  681. width: auto;
  682. margin: 0px;
  683. padding: 10px;
  684. text-align: center;
  685. }
  686. div#content div.textwrapper div.effectswrapper div.blog_video span {
  687. font-size: 20px;
  688. font-weight: bold;
  689. }
  690. div#content div.textwrapper div.effectswrapper div.blog_video .whitehouse_video {
  691. height: 400px;
  692. width: 640px;
  693. margin: 0px auto;
  694. padding: 0px;
  695. border: none;
  696. }
  697. div#content div.subpanel div.textwrapper div.effectswrapper, div#content div.subpanel div.textwrapper div.effectswrapper:hover {
  698. <?php
  699. //if ($UA->browser() != 'Presto') {
  700. ?> box-shadow: 0px 0px 0px transparent;
  701. <?php
  702. //}
  703. ?>
  704. -moz-box-shadow: 0px 0px 0px transparent;
  705. -webkit-box-shadow: 0px 0px 0px transparent;
  706. background: transparent !important;
  707. <?php
  708. if ($UA->browser() == 'MSIE') {
  709. if ($UA->int_version() < 8) {
  710. ?> filter: ; /*For IE, reset any filters, as they will cause errors here.*/
  711. <?php
  712. }
  713. else {
  714. ?> -ms-filter: ""; /*For IE, reset any filters, as they will cause errors here.*/
  715. <?php
  716. }
  717. }
  718. ?>}
  719. div#content div#education {
  720. margin-top: 15px;
  721. clear: both;
  722. }
  723. div#content div.subpanel {
  724. float: right;
  725. <?php
  726. if ($UA->browser() == 'MSIE' && $UA->int_version() < 6) {
  727. ?> width: 346px;
  728. <?php
  729. }
  730. else {
  731. ?> width: 340px;
  732. <?php
  733. }
  734. ?>
  735. margin: 0px 0px 0px auto;
  736. background-color: rgb(70, 70, 70);
  737. padding: 5px 3px;
  738. overflow: visible;
  739. z-index: 3;
  740. }
  741. div#content div.subpanel div.subpanel_header {
  742. line-height: 1.0<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) ? '7; /*IE 5 seems to be skinning the background by the text box, when it\s clearly declared for the div box, and seems to have a text-box height rounding error.*/' : ';')."\r\n"); ?>
  743. font-size: 25px;
  744. padding: 7px 20px;
  745. <?php
  746. if ($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) {
  747. ?> padding: 4px 20px 10px 20px; /*IE Text-Vertical Align Offset Bug*/
  748. <?php
  749. }
  750. elseif ($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) {
  751. ?> padding: 6px 20px 3px 20px; /*IE5.0 Box Padding Bug (Top: 1 pixel too much; Bottom is double plus 1 pixel too much)*/
  752. <?php
  753. }
  754. ?>
  755. margin: 0px 0px 1<?php echo((($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) ? '2' : '5')); ?>px 0px;
  756. color: rgb(100, 100, 200);
  757. z-index: 4;
  758. text-align: center;
  759. <?php
  760. //if ($UA->browser() != 'Presto') {
  761. ?> box-shadow: 3px 4px 3px rgb(32, 32, 32);
  762. <?php
  763. //}
  764. ?>
  765. -webkit-box-shadow: 3px 4px 3px rgb(32, 32, 32);
  766. -moz-box-shadow: 3px 4px 3px rgb(32, 32, 32);
  767. <?php
  768. if ($UA->browser() == 'MSIE') {
  769. if ($UA->int_version() < 8) {
  770. ?> filter: progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#303030', Positive='true'); /*IE 5.5-7 does not compensate for the added height*/
  771. <?php
  772. }
  773. else {
  774. ?> -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#303030', Positive='true')";
  775. <?php
  776. }
  777. }
  778. ?>}
  779. div#content div.subpanel div.heading {
  780. text-align: center;
  781. background-color: rgb(120, 120, 120);
  782. margin-bottom: <?php echo((($UA->browser() == 'MSIE' && $UA->int_version() >= 5.5 && $UA->int_version() <= 7) ? '-2' : '0')); ?>px; /*IE 5.5-7 does not compensate for the added height*/
  783. <?php
  784. if ($UA->browser() == 'MSIE') {
  785. if ($UA->int_version() < 8) {
  786. ?> filter: progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#303030', Positive='true');
  787. <?php
  788. }
  789. else {
  790. ?> -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#303030', Positive='true')";
  791. <?php
  792. }
  793. }
  794. ?>}
  795. div#content div#main_about_stuff {
  796. margin: 0px 346px 0px 20px;
  797. padding: 0px;
  798. diplay: block;
  799. }
  800. div#content div#main_about_stuff img#about_picture {
  801. margin: 0px;
  802. padding: 0px;
  803. border: none;
  804. width: 400px;
  805. height: 300px;
  806. <?php
  807. if (($UA->browser() == 'MSIE' && $UA->int_version() < 5.5) or (($UA->browser() == 'Gecko' && $UA->int_version() < 1.9) or ($UA->browser() == 'Gecko' && $UA->int_version() === 1.9 && $UA->int_piece(2) === 0)) or ($UA->browser() == 'Webkit' && $UA->int_version() < 522)) {
  808. ?> /*Mimic box-shadow roughly for older browsers*/
  809. border-bottom-style: solid;
  810. border-right-style: solid;
  811. border-right-width: 3px;
  812. border-bottom-width: 3px;
  813. border-color: rgb(31, 31, 31);
  814. <?php
  815. }
  816. if ($UA->browser() == 'MSIE' && $UA->int_version() <= 7) {
  817. ?> margin: 0px -3px -3px 0px;
  818. <?php
  819. }
  820. else {
  821. ?> margin: 0px;
  822. <?php
  823. }
  824. ?>
  825. opacity: 0;
  826. -moz-opacity: 0;
  827. -khtml-opacity: 0;
  828. <?php
  829. //if ($UA->browser() != 'Presto') {
  830. ?> box-shadow: 3px 3px 3px rgb(31, 31, 31);
  831. <?php
  832. //}
  833. ?>
  834. -webkit-box-shadow: 3px 3px 3px rgb(31, 31, 31);
  835. -moz-box-shadow: 3px 3px 3px rgb(31, 31, 31);
  836. <?php
  837. if ($UA->browser() == 'MSIE') {
  838. if ($UA->int_version() < 8) {
  839. ?> filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0), progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='6', direction='135');
  840. <?php
  841. }
  842. elseif (true/*$UA->int_version() < 9*/) {
  843. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0), progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='6', direction='135')";
  844. <?php
  845. }
  846. else {
  847. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='6', direction='135')";
  848. <?php
  849. }
  850. }
  851. ?>}
  852. div#content div#main_about_stuff div#about_text {
  853. display: block;
  854. width: auto;
  855. margin: 20px 0px 5px 0px;
  856. border: none;
  857. border-top-left-radius: 5px;
  858. -moz-border-radius-topleft: 5px;
  859. -webkit-border-top-left-radius: 5px;
  860. border-bottom-left-radius: 5px;
  861. -moz-border-radius-bottomleft: 5px;
  862. -webkit-border-bottom-left-radius: 5px;
  863. background-color: rgb(200, 200, 200);
  864. color: rgb(30, 30, 30);
  865. padding: 3px 25px 3px 3px;
  866. font-size: 14px;
  867. font-weight: normal;
  868. line-height: 1.2;
  869. text-align: left;
  870. word-spacing: 1px;
  871. /*Hack to prevent opacity layering corruption*/
  872. <?php
  873. if ($UA->browser() == 'MSIE') {
  874. if ($UA->int_version() < 8) {
  875. ?> filter: progid:DXImageTransform.Microsoft.Shadow(Color='#DEDEDE', strength='1', direction='180');
  876. <?php
  877. }
  878. else {
  879. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#DEDEDE', strength='1', direction='180')";
  880. <?php
  881. }
  882. }
  883. ?>}
  884. div#content div#main_about_stuff div#about_text span {
  885. display: block;
  886. white-space: pre;
  887. text-shadow: 2px 2px 3px rgb(30, 30, 30);
  888. <?php
  889. if ($UA->browser() == 'MSIE') {
  890. if ($UA->int_version() < 8) {
  891. ?> filter: progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='3', direction='135');
  892. <?php
  893. }
  894. else {
  895. ?> -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#1F1F1F', strength='3', direction='135')";
  896. <?php
  897. }
  898. }
  899. ?>}
  900. div#content div#actual_content_wrapper div.xml_dom_generated, div#content div#actual_content_wrapper {
  901. margin: 0px;
  902. padding: 0px;
  903. overflow: visible;
  904. width: 100%;
  905. }
  906. div#content, div#content div#actual_content_wrapper {
  907. visibility: hidden; /*Logic speed up for rendering the areas that are fully transparent.*/
  908. }
  909. div#content div#waiting_image {
  910. margin: 0px;
  911. padding: 10px;
  912. text-align: center;
  913. }
  914. div#content div#waiting_image img {
  915. width: 32px;
  916. height: 32px;
  917. }
  918. div#content ul#album_namelist {
  919. margin: 0px;
  920. padding: 0px;
  921. }
  922. div#content ul#album_namelist li {
  923. list-style-type: disc;
  924. list-style-position: inside;
  925. padding: 0px;
  926. margin: 0px;
  927. }
  928. div#content ul#album_namelist li:hover {
  929. list-style-type: circle;
  930. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!