PageRenderTime 1045ms CodeModel.GetById 26ms RepoModel.GetById 1ms app.codeStats 0ms

/dumbhippo/branches/linux-client-1-1-32-bugfix/server/web/css3/site-positions.css

https://gitlab.com/manoj-makkuboy/magnetism
CSS | 758 lines | 571 code | 141 blank | 46 comment | 0 complexity | 79e6200dcd03408a08f9fa063773b400 MD5 | raw file
    

  1. @CHARSET "UTF-8";

    2. 

  2. 

    3. 

  3. body {

    4. 

  4. 	margin-top:		0px;

    5. 

  5. 	margin-bottom:	0px;

    6. 

  6. 	margin-left:	10px;	

    7. 

  7. 	margin-right:	10px;

    8. 

  8. 	padding: 		0px;

    9. 

  9. 	text-align:	    center; /* center the page for IE */

    10. 

  10. }
    11. 

  11. 

  12. #dhPageOuter {
    13. 

  13. 	position:   relative;
    14. 

  14. 	/* Override the text-align on body */
    15. 

  15. 	text-align: left;
    16. 

  16. 	/* Set the bounds on the page size for firefox, ignored by IE; the 640 isn't scientific,
    17. 

  17. 	 * it's just a heuristic for when things start looking hosed at a particular font size */
    18. 

  18. 	min-width:	640px;
    19. 

  19. 	max-width: 	1000px;
    20. 

  20. 	/* And for IE, ignored by firefox */
    21. 

  21. 	width:expression(document.body.clientWidth < 660 ? 640 : document.body.clientWidth > 1020 ? 1000 : document.body.clientWidth - 20);
    22. 

  22. 	/* Center the page for firefox */
    23. 

  23. 	margin-left: auto;
    24. 

  24. 	margin-right: auto;
    25. 

  25. 	
    26. 

  26. }

    27. 

  27. 

    28. 

  28. /* browsers have default margins on forms it seems */

    29. 

  29. form {

    30. 

  30. 	margin:			0px;	

    31. 

  31. }

    32. 

  32. 

    33. 

  33. /* post descriptions have <p> tags, avoid extra space from them */

    34. 

  34. .dh-blurb p {

    35. 

  35. 	margin-top:		1px;

    36. 

  36. 	margin-bottom:	1px;

    37. 

  37. }

    38. 

  38. 

    39. 

  39. #dhPage {
    40. 

  40. 	position:		relative;

    41. 

  41. 	margin-top:		0px;

    42. 

  42. 	width:			100%;

    43. 

  43. }

    44. 

  44. 

  45. /* specific only to input entries and not textarea's which have specified rows  */
    46. 

  46. input.dh-text-input {
    47. 

  47. 	height:			23px;
    48. 

  48. }
    49. 

  49. 

  50. .dh-page-title {
    51. 

  51. }
    52. 

  52. 

    53. 

  53. .dh-page-title-link {

    54. 

  54. 	margin-left:	5px;

    55. 

  55. }

    56. 

  56. 

  57. .dh-page-title-container {
    58. 

  58. 	width:			100%;
    59. 

  59. 	position:		relative;
    60. 

  60. 	margin-bottom:	8px;

    61. 

  61. 	margin-top:	    8px;
    62. 

  62. }

    63. 

  63. 

    64. 

  64. .dh-page-options-container {

    65. 

  65. 	position:		absolute;
    66. 

  66. 	right:			0;
    67. 

  67. 	top:			0;
    68. 

  68. 	text-align:		right;
    69. 

  69. 	width:			50%;
    70. 

  70. }

    71. 

  71. 

    72. 

  72. .dh-page-options-tip-area {

    73. 

  73.     position:      relative;

    74. 

  74.     display:       block;

    75. 

  75.     float:         right;

    76. 

  76.     clear:         both;

    77. 

  77.     top:           -13px;

    78. 

  78. }

    79. 

  79. 

    80. 

  80. .dh-page-options-options-area {

    81. 

  81.     position:      relative;

    82. 

  82.     display:       block;

    83. 

  83.     float:         right;

    84. 

  84.     clear:         right;

    85. 

  85.     top:           -10px;

    86. 

  86. 	right:         0px; 

    87. 

  87. }

    88. 

  88. 

    89. 

  89. .dh-page-options-sub-options-area {

    90. 

  90. 	width:		   100%;

    91. 

  91.     position:      relative;

    92. 

  92.     top:           -4px;

    93. 

  93.     margin-bottom: 4px;

    94. 

  94. }

    95. 

  95. 

  96. #dhPageFooter {
    97. 

  97. 	clear:			both;
    98. 

  98. 	margin-top:		10px;
    99. 

  99. }
    100. 

  100. 

    101. 

  101. #dhWebServices {

    102. 

  102. 	text-align:		center;

    103. 

  103. }

    104. 

  104. 

    105. 

  105. .dh-amazon-attribution, .dh-yahoo-attribution {

    106. 

  106.     margin:         15px; /* Yahoo! request */

    107. 

  107. }

    108. 

  108. 

    109. 

  109. .dh-compact-item {

    110. 

  110. 	margin-top:			10px;	

    111. 

  111. }

    112. 

  112. 

    113. 

  113. .dh-compact-item .dh-image {

    114. 

  114. 	width:				60px;

    115. 

  115. 	height:				60px;

    116. 

  116. 	background-color:	white; /* debug */

    117. 

  117. 	

    118. 

  118. 	/* without this IE will grow the box a bit apparently */

    119. 

  119. 	overflow:			hidden;

    120. 

  120. }

    121. 

  121. 

    122. 

  122. .dh-compact-item .dh-next-to-image {

    123. 

  123. 	width:				110px;

    124. 

  124. 	margin-left:		10px;

    125. 

  125. 	overflow:			hidden;

    126. 

  126. }

    127. 

  127. 

    128. 

  128. .dh-compact-item .dh-next-to-image .dh-name {

    129. 

  129. 	/* on the page this is 10px, not sure where the extra px come from */

    130. 

  130. 	margin-bottom:		3px;

    131. 

  131. }

    132. 

  132. 

    133. 

  133. .dh-compact-item .dh-next-to-image .dh-action-link, .dh-compact-item .dh-next-to-image .dh-presence {

    134. 

  134. 	margin-top:			2px;

    135. 

  135. }

    136. 

  136. 

    137. 

  137. #dhPageFooter {

    138. 

  138. 	clear:			both;

    139. 

  139. 	margin-top:		10px;

    140. 

  140. 	text-align:		right;

    141. 

  141. }

    142. 

  142. 

    143. 

  143. .dh-nowplaying {

    144. 

  144. 	width:				440px;

    145. 

  145. 	/* when the badge has a label, this is wrong. */

    146. 

  146. 	/* height:				120px; */

    147. 

  147. }

    148. 

  148. 

    149. 

  149. .dh-grow-div-around-floats {

    150. 

  150. 	clear:			both;

    151. 

  151. }

    152. 

  152. 

    153. 

  153. .dh-song-with-art {

    154. 

  154. 	position: 			relative;

    155. 

  155. }

    156. 

  156. 

    157. 

  157. .dh-song-image {

    158. 

  158. 	float:				left;

    159. 

  159. 	width:				75px;

    160. 

  160. 	text-align:			center;

    161. 

  161. }

    162. 

  162. 

    163. 

  163. .dh-song-with-art .dh-song-info {

    164. 

  164. 	float:				left;

    165. 

  165. 	margin-left:		8px;

    166. 

  166. 	width:				147px;

    167. 

  167. }

    168. 

  168. 

    169. 

  169. .dh-one-line-song div {

    170. 

  170. 	display:			inline;

    171. 

  171. }

    172. 

  172. 

    173. 

  173. .dh-one-line-song {

    174. 

  174. 	width:				100%;

    175. 

  175. }

    176. 

  176. 

    177. 

  177. .dh-invisible {

    178. 

  178.     display:    none;

    179. 

  179. }

    180. 

  180. 

    181. 

  181. .dh-option-list-option {

    182. 

  182. 	margin-left: 5px;

    183. 

  183. 	margin-right: 5px;

    184. 

  184. }

    185. 

  185. 

    186. 

  186. /* Position this so the stock photo popup is relative to it */

    187. 

  187. #dhChooseStockLinkContainer {

    188. 

  188. 	position:		relative;

    189. 

  189. }

    190. 

  190. 

    191. 

  191. div.dh-notification {

    192. 

  192. 	padding:		4px;

    193. 

  193. 	width:			468px;

    194. 

  194. }

    195. 

  195. 

    196. 

  196. .dh-popup {

    197. 

  197. 	position:		absolute;

    198. 

  198. }

    199. 

  199. 

    200. 

  200. /* For the nested div onion creating the borders of the popup,

    201. 

  201.  * position: relative would make more sense but seems to 

    202. 

  202.  * confuse firefox into drawing the background color of the outermost

    203. 

  203.  * div over the top and bottom of the chooser.

    204. 

  204.  * Using float: left fixes firefox, but creates the "double margin" 

    205. 

  205.  * bug in IE, which is fixed with display:inline

    206. 

  206.  * (inline is invalid on floats, but gets ignored except

    207. 

  207.  * to mysteriously fix the IE double margin bug)

    208. 

  208.  */

    209. 

  209. 

    210. 

  210. .dh-popup .dh-border {

    211. 

  211. 	/* hacks! see comment above */

    212. 

  212. 	float:				left;

    213. 

  213. 	display:			inline;

    214. 

  214. 	/* end hacks */

    215. 

  215. 	margin-left:		0px;

    216. 

  216. 	margin-top:			0px;

    217. 

  217. 	/* background of parent is drop shadow */

    218. 

  218. 	margin-bottom:		1px;

    219. 

  219. }

    220. 

  220. 

    221. 

  221. .dh-popup .dh-content-padding {

    222. 

  222. 	/* hacks! see comment above */

    223. 

  223. 	float:				left;

    224. 

  224. 	display:			inline;

    225. 

  225. 	/* end hacks */

    226. 

  226. 	/* background of parent is the black border */

    227. 

  227. 	margin-top:			1px;

    228. 

  228. 	margin-bottom:		1px;

    229. 

  229. 	margin-left:		1px;

    230. 

  230. }

    231. 

  231. 

    232. 

  232. .dh-popup .dh-content {

    233. 

  233. 	/* hacks! see comment above */

    234. 

  234. 	float:				left;

    235. 

  235. 	display:			inline;

    236. 

  236. 	/* end hacks */	

    237. 

  237. 	margin-top:			10px;

    238. 

  238. 	margin-left:		10px;

    239. 

  239. 	/* IE seems to ignore margin-bottom, I don't know why,

    240. 

  240. 	 * since we don't set any heights padding works too

    241. 

  241. 	 */

    242. 

  242. 	padding-bottom:		10px;

    243. 

  243. 	/* if we have a fixed width, don't exceed it */

    244. 

  244. 	overflow:			hidden;

    245. 

  245. }

    246. 

  246. 

    247. 

  247. .dh-popup .dh-content .dh-title {

    248. 

  248. 	position:			relative;

    249. 

  249. }
    250. 

  250. 

  251. .dh-page-shinybox-title-large  {

    252. 

  252.     margin-top:         5px;
    253. 

  253. 	margin-bottom:		5px;
    254. 

  254. }

    255. 

  255. 

    256. 

  256. .dh-page-shinybox-subtitle  {

    257. 

  257.     margin-top:         10px;

    258. 

  258. }

    259. 

  259. 

  260. .dh-shiny-box {
    261. 

  261. 	margin-bottom:		10px;

    262. 

  262. 	display:            block;
    263. 

  263. }
    264. 

  264. 

    265. 

  265. .dh-shiny-box-spacer-table {
    266. 

  266.     width:              100%;
    267. 

  267. }
    268. 

  268. 

  269. .dh-shiny-box-left {

    270. 

  270.     float:              left;

    271. 

  271.     clear:              left;

    272. 

  272. }

    273. 

  273. 

    274. 

  274. .dh-shiny-box-right {

    275. 

  275.     float:              right;

    276. 

  276.     clear:              right;    

    277. 

  277. }

    278. 

  278. 

    279. 

  279. .dh-shiny-box-bottom {

    280. 

  280. 	width:				100%;

    281. 

  281. }

    282. 

  282. 

  283. .dh-shiny-box-content-side-spacer {
    284. 

  284. 	width:				10px;
    285. 

  285. }
    286. 

  286. 

  287. .dh-shiny-box-content-border {
    288. 

  288. 	margin:				0px 0px;
    289. 

  289. }
    290. 

  290. 

  291. .dh-stacker-container {
    292. 

  292. 	width:				100%;
    293. 

  293. 	display:            block;
    294. 

  294. }
    295. 

  295. 

  296. .dh-stacker-block {
    297. 

  297. 	width:				100%;
    298. 

  298. }
    299. 

  299. 

  300. .dh-stacker-block-mouse-tip {
    301. 

  301. 	display:			none;
    302. 

  302. 	position:			absolute;
    303. 

  303. 	z-index:			2;
    304. 

  304. }

    305. 

  305. 

    306. 

  306. .dh-stacker-block-left {

    307. 

  307. 	margin-top:			5px;

    308. 

  308. 	margin-bottom:		5px;

    309. 

  309. 	margin-right:		5px;

    310. 

  310. 	margin-left:		3px;

    311. 

  311. }

    312. 

  312.  

    313. 

  313.  .dh-stacker-block-title-image {

    314. 

  314.     position:           relative;

    315. 

  315.     top:                1px;    

    316. 

  316.  }
    317. 

  317.  
    318. 

  318. .dh-stacker-block-title-lock {
    319. 

  319.     position:           relative;
    320. 

  320.     top:                1px;  
    321. 

  321.     padding-right:		5px;
    322. 

  322.     padding-left:		5px;		  
    323. 

  323.  }

    324. 

  324.  
    325. 

  325. .dh-stacker-block-bottom-padding {
    326. 

  326. 	font-size:			4px;
    327. 

  327. 	height:				4px;
    328. 

  328. }
    329. 

  329. 

  330. .dh-stacker-block-icon-column {
    331. 

  331. 	width:				26px;
    332. 

  332. }
    333. 

  333. 

  334. .dh-stacker-block-icon {

    335. 

  335. 	margin:	            5px;
    336. 

  336. }
    337. 

  337. 

    338. 

  338. .dh-stacker-block-beside-image .dh-stacker-block-icon {

    339. 

  339.     margin:             0px;

    340. 

  340. }

    341. 

  341. 

  342. .dh-stacker-block p	{
    343. 

  343. 	margin:				0px;
    344. 

  344. 	padding:			0px;
    345. 

  345. }
    346. 

  346. 

  347. .dh-stacker-block-header {
    348. 

  348. 	height:				40px;
    349. 

  349. 	width:				100%;
    350. 

  350. }
    351. 

  351. 

  352. .dh-stacker-block-header-description {
    353. 

  353. 	overflow:			hidden;
    354. 

  354. }
    355. 

  355. 

  356. .dh-stacker-block-description {
    357. 

  357. 	margin-left:		20px;
    358. 

  358. }
    359. 

  359. 

  360. .dh-stacker-block-right {
    361. 

  361. 	text-align:			right;
    362. 

  362. 	margin-right:		5px;
    363. 

  363. }
    364. 

  364. 

  365. .dh-stacker-block-right-container-inner {
    366. 

  366. 	width:				100%;
    367. 

  367. 	margin-top:			5px;
    368. 

  368. 	white-space:		nowrap;
    369. 

  369. }
    370. 

  370. 

  371. .dh-stacker-block-right-container-inner-table {
    372. 

  372. 	width:				100%;
    373. 

  373. 	table-layout:		fixed;
    374. 

  374. }
    375. 

  375. 

  376. .dh-stacker-block-right-from-image {
    377. 

  377. 	margin-right:		5px;
    378. 

  378. }
    379. 

  379. 

  380. .dh-stacker-block-hr {
    381. 

  381. 	border:				none;
    382. 

  382. 	height:				1px;
    383. 

  383. 	color:				#666666;
    384. 

  384. 	margin-left:		5px;
    385. 

  385. 	margin-right:		5px;
    386. 

  386. }
    387. 

  387. 

  388. .dh-stacker-block-content-left {
    389. 

  389. 	width:				20px;
    390. 

  390. }
    391. 

  391. 

  392. .dh-stacker-block-content {
    393. 

  393. 	margin-top:			10px;
    394. 

  394. 	width:				100%;
    395. 

  395. }
    396. 

  396. 

  397. .dh-stacker-block-content-container {
    398. 

  398. 	width:				100%;
    399. 

  399. }
    400. 

  400. 

  401. .dh-stacker-block-content-padding {
    402. 

  402. 	height:				8px;
    403. 

  403. }
    404. 

  404. 

  405. .dh-stacker-block-controls {
    406. 

  406. 	padding-right:		5px;
    407. 

  407. }
    408. 

  408. 

  409. .dh-stacker-block-content-main {
    410. 

  410. 	width:				100%;
    411. 

  411. }
    412. 

  412. 

  413. .dh-stacker-block-sent-to {
    414. 

  414. 	text-align:			right;
    415. 

  415. }
    416. 

  416. 

  417. .dh-stacker-block-time-qualifier {
    418. 

  418. 	display:			none;
    419. 

  419. }
    420. 

  420. 

  421. .dh-stacker-block-chat-time-ago {
    422. 

  422. 	margin-left:		5px;
    423. 

  423. }
    424. 

  424. 

  425. .dh-half-shinybox-left-container {
    426. 

  426.     width:              49%;
    427. 

  427.     float:              left;
    428. 

  428. }
    429. 

  429. 

  430. .dh-half-shinybox-right-container {
    431. 

  431.     width:              49%;
    432. 

  432.     float:              right;
    433. 

  433.     text-align:         left;
    434. 

  434. }

    435. 

  435. 

    436. 

  436. .dh-thumbnail-box-border, .dh-rss-box-border {

    437. 

  437. 	position:			relative;

    438. 

  438. 	width:				478px;

    439. 

  439. 	margin-top:			10px;

    440. 

  440. 	margin-bottom:		10px;

    441. 

  441. 	/* FIXME this should be margin on the inner box, not padding here, or the width will be broken */

    442. 

  442. 	padding:			1px;

    443. 

  443. }

    444. 

  444. 

    445. 

  445. .dh-thumbnail-box, .dh-rss-box {

    446. 

  446. 	position:				relative;

    447. 

  447. 	padding:				0px;

    448. 

  448. 	margin:					0px;

    449. 

  449. }

    450. 

  450. 

    451. 

  451. .dh-thumbnail-meta, .dh-rss-meta {

    452. 

  452. 	position:				relative;

    453. 

  453. 	height:					26px;

    454. 

  454. 	/* FIXME this should be margin on an inner box, not padding here, or the width will be broken */

    455. 

  455. 	padding-top:				6px;

    456. 

  456. }

    457. 

  457. 

    458. 

  458. .dh-thumbnail-service, .dh-rss-service {

    459. 

  459. 	position:				absolute;

    460. 

  460. 	left:                   10px;

    461. 

  461. }

    462. 

  462. 

    463. 

  463. .dh-thumbnail-status, .dh-rss-status {

    464. 

  464. 	position:			absolute;

    465. 

  465. 	right:				10px;

    466. 

  466. }

    467. 

  467. 

    468. 

  468. .dh-thumbnail-photos-border {

    469. 

  469. 	position:				relative;

    470. 

  470. 	/* 478px is the whole photos box width, minus 2px more for the border */

    471. 

  471. 	width:					476px;

    472. 

  472. 	overflow:				hidden;

    473. 

  473. }

    474. 

  474. 

    475. 

  475. .dh-thumbnail-photos {

    476. 

  476. 	margin:					10px;

    477. 

  477. 	margin-top:				0px;

    478. 

  478. 	/* 

    479. 

  479. 	 * The thumbs each have a 20px right margin, we cap the whole size at 475px.

    480. 

  480. 	 * So we need to be at least that wide. It's OK to be larger than the

    481. 

  481. 	 * page width by up to the size of the right margin, since it will just

    482. 

  482. 	 * get chopped.

    483. 

  483. 	 */

    484. 

  484. 	width:					496px;

    485. 

  485. }

    486. 

  486. 

    487. 

  487. .dh-thumbnail-photo {

    488. 

  488. 	float:				left;

    489. 

  489. 	margin-right:		20px;

    490. 

  490. 	padding:			0px;

    491. 

  491. }

    492. 

  492. 

    493. 

  493. .dh-thumbnail-photo img {

    494. 

  494. 	border:				none;

    495. 

  495. 	margin:				0px;

    496. 

  496. }

    497. 

  497. 

    498. 

  498. .dh-thumbnail-photo .dh-thumbnail-title {

    499. 

  499. 	overflow:			hidden;

    500. 

  500. 	text-align:			center;

    501. 

  501. }

    502. 

  502. 

    503. 

  503. .dh-more, .dh-back {

    504. 

  504.     margin-top:         5px;

    505. 

  505.     margin-bottom:      5px;

    506. 

  506. }

    507. 

  507. 

    508. 

  508. .dh-person-info .dh-back {

    509. 

  509.     margin-top:         30px;

    510. 

  510. }

    511. 

  511. 

    512. 

  512. .dh-person-header-next-to-image {

    513. 

  513. 	margin-left:	10px;

    514. 

  514. }

    515. 

  515. 

    516. 

  516. div.dh-person-header {

    517. 

  517.     padding-top:	8px;

    518. 

  518. }
    519. 

  519. 

  520. div.dh-person-header-title {
    521. 

  521. }

    522. 

  522. 

    523. 

  523. .dh-person-header-description {

    524. 

  524. 	margin-left:	5px;

    525. 

  525. }

    526. 

  526. 

    527. 

  527. .dh-person-header .dh-person-info {

    528. 

  528.     width:          100%;

    529. 

  529. }

    530. 

  530. 

    531. 

  531. .dh-person-header-next-to-image .dh-favicons {

    532. 

  532.     padding-top:     5px;

    533. 

  533. }

    534. 

  534. 

    535. 

  535. .dh-person-header-stats {

    536. 

  536.     padding-top:        1px;

    537. 

  537.     padding-bottom:     2px;

    538. 

  538. }

    539. 

  539. 

    540. 

  540. .dh-download-header-area {

    541. 

  541.     margin-top:     5px;

    542. 

  542. }

    543. 

  543. 

    544. 

  544. .dh-learnmore-section {

    545. 

  545.     width:          100%;

    546. 

  546. }

    547. 

  547. 

    548. 

  548. .dh-learnmore-section-top { 

    549. 

  549.     margin-top:     5px;

    550. 

  550. }

    551. 

  551. 

    552. 

  552. .dh-learnmore-header {

    553. 

  553. 	margin-bottom:	5px;

    554. 

  554. }

    555. 

  555. 

    556. 

  556. #dhLearnMoreNextStep {

    557. 

  557.     margin-top:      5px;

    558. 

  558.     margin-bottom:   10px;

    559. 

  559. }

    560. 

  560. 

    561. 

  561. #dhLearnMoreNextStep td {

    562. 

  562.     padding-right:   10px; 

    563. 

  563. }

    564. 

  564. 

    565. 

  565. #dhLearnMoreButtons td { 

    566. 

  566.     padding-right:   0px; 

    567. 

  567. }

    568. 

  568. 

    569. 

  569. .dh-download-details {

    570. 

  570.     border-left:     2px solid #999999;

    571. 

  571.     padding-left:    10px; 

    572. 

  572.     white-space:     nowrap;

    573. 

  573. }

    574. 

  574. 

    575. 

  575. .dh-learnmore-summary {

    576. 

  576.     margin-bottom:  5px;

    577. 

  577. }

    578. 

  578. 

    579. 

  579. .dh-learnmore-illustration {

    580. 

  580.     float:         left;

    581. 

  581.     display:       inline;

    582. 

  582.     margin-right:  10px;

    583. 

  583. }

    584. 

  584. 

    585. 

  585. /* overflow: auto keeps all the text to the right of the float instead of pushing part of it underneath

    586. 

  586.    the float. If this text is floated as a block it tries to be 100% wide in Firefox and all of the text

    587. 

  587.    ends up underneath the image. */

    588. 

  588. .dh-learnmore-explanation {

    589. 

  589.     overflow:      auto; 

    590. 

  590. }

    591. 

  591. 

    592. 

  592. .dh-learnmore-explanation p {

    593. 

  593.     margin-top:    0px;

    594. 

  594.     margin-bottom: 7px;

    595. 

  595. }

    596. 

  596. 

    597. 

  597. .dh-download-buttons img, .dh-download-buttons-or {

    598. 

  598. 	margin-right:			10px;

    599. 

  599. }

    600. 

  600. 

  601. .dh-thumbnail-block-border {
    602. 

  602. 	width:				100%;
    603. 

  603. }
    604. 

  604. 

    605. 

  605. .dh-thumbnail-block-thumbs {

    606. 

  606. 	margin:				10px;
    607. 

  607. 	width:				100%;

    608. 

  608. }
    609. 

  609. 

    610. 

  610. .dh-thumbnail-block-thumb {

    611. 

  611. 	float:				left;

    612. 

  612. 	margin-right:		20px;

    613. 

  613. 	padding:			0px;
    614. 

  614. 	overflow:			hidden;

    615. 

  615. 	text-align:			center;	

    616. 

  616. }

    617. 

  617. 

    618. 

  618. .dh-thumbnail-block-thumb img {

    619. 

  619. 	border:				none;

    620. 

  620. 	margin:				0px;

    621. 

  621. }

    622. 

  622. 

    623. 

  623. .dh-thumbnail-block-thumb .dh-thumbnail-title {

    624. 

  624. 	overflow:			hidden;

    625. 

  625. }

    626. 

  626. 

    627. 

  627. .dh-thumbnail-block-more {

    628. 

  628. 	float:				left;

    629. 

  629. }

    630. 

  630. 

    631. 

  631. #dhTermsOfUseNote, #dhFacebookNote {

    632. 

  632. 	padding:            5px;

    633. 

  633. 	margin-bottom:      5px;

    634. 

  634. }
    635. 

  635. 

  636. .dh-tooltip {
    637. 

  637.     position:			absolute;
    638. 

  638.     display:            none;
    639. 

  639. 	z-index:			2;    
    640. 

  640. }

    641. 

  641. 

    642. 

  642. .dh-person-item {

    643. 

  643.     position:   relative;

    644. 

  644.     display:    block;

    645. 

  645.     float:      left;

    646. 

  646.     margin:     5px;

    647. 

  647.     width:      72px; 

    648. 

  648.     overflow:   hidden;

    649. 

  649. }
    650. 

  650. 

    651. 

  651. .dh-person-item-more-info {

    652. 

  652.     min-width:          270px;

    653. 

  653.     padding:            3px;         

    654. 

  654. }

    655. 

  655. 

    656. 

  656. .dh-person-item .dh-image {

    657. 

  657. 	height:             60px;

    658. 

  658. 	width:	            60px;

    659. 

  659.     margin-left:        6px;

    660. 

  660. }

    661. 

  661. 	

    662. 

  662. .dh-person-item-more-info .dh-image {

    663. 

  663. 	height:             60px;

    664. 

  664. 	width:	            60px;

    665. 

  665.     padding-right:      3px;

    666. 

  666. }

    667. 

  667. 	

    668. 

  668. .dh-person-item-name {

    669. 

  669. 	text-align:			center;	

    670. 

  670. 	white-space:		nowrap;

    671. 

  671. }

    672. 

  672. 

    673. 

  673. .dh-person-item-more-info .dh-presence {

    674. 

  674.     position:           relative;

    675. 

  675.     float:              left;

    676. 

  676.     display:            inline;

    677. 

  677.     margin-right:       2px;

    678. 

  678. }

    679. 

  679. 

    680. 

  680. .dh-person-item-more-info .dh-person-item-name {

    681. 

  681.     position:           relative;

    682. 

  682.     float:              left;

    683. 

  683.     clear:              right;

    684. 

  684.     display:            inline;

    685. 

  685.     margin-top:         -2px;

    686. 

  686.     text-align:			left;	

    687. 

  687. }

    688. 

  688. 

    689. 

  689. .dh-person-item-more-info .dh-favicons { 

    690. 

  690. 	width:              200px;

    691. 

  691. }

    692. 

  692. 

    693. 

  693. .dh-invitation-date {

    694. 

  694.     margin-left:        1px;

    695. 

  695. }

    696. 

  696. 

    697. 

  697. .dh-photo {

    698. 

  698.     position:           relative;

    699. 

  699. }

    700. 

  700. 

    701. 

  701. .dh-photo .dh-presence {

    702. 

  702.     position:           absolute;

    703. 

  703.     top:                0px;

    704. 

  704.     right:              -5px;

    705. 

  705. }
    706. 

  706. 

  707. #dhAccountStatus, #dhAccountDisabled {
    708. 

  708. 	position:			relative;
    709. 

  709. 	padding-left: 		9px;
    710. 

  710. 	padding-right: 		9px;
    711. 

  711. 	padding-top: 		4px;
    712. 

  712. 	padding-bottom: 	4px;
    713. 

  713. 	margin-bottom:		15px;
    714. 

  714. }
    715. 

  715. 

  716. .dh-account-status-secondary {
    717. 

  717. 	padding-left:		15px;
    718. 

  718. }
    719. 

  719. 

  720. .dh-account-status-secondary input {
    721. 

  721. 	margin-left:		0px;
    722. 

  722. }
    723. 

  723. 

  724. #dhDownloadMessageClose {
    725. 

  725. 	position:			absolute;
    726. 

  726. 	top:				2px;
    727. 

  727. 	right:				3px;
    728. 

  728. }
    729. 

  729. 

    730. 

  730. .dh-section-header {

    731. 

  731.     margin-top:         5px;

    732. 

  732. }

    733. 

  733. 

    734. 

  734. .dh-message {

    735. 

  735. 	padding:		5px;

    736. 

  736. 	margin-top:     5px;

    737. 

  737. 	margin-bottom:	5px;

    738. 

  738. }

    739. 

  739. 

    740. 

  740. .dh-message a {

    741. 

  741.     margin-right:   5px;

    742. 

  742.     margin-left:    5px;

    743. 

  743. }

    744. 

  744. 

    745. 

  745. .dh-shinybox-bottom-content {

    746. 

  746.     position:       relative;

    747. 

  747.     margin-top:     5px;

    748. 

  748.     margin-bottom:  -10px;

    749. 

  749. }

    750. 

  750. 

  751. .dh-tip {
    752. 

  752. 	margin-right:	30px;
    753. 

  753. 	margin-left:	30px;
    754. 

  754. }
    755. 

  755. 

  756. .dh-tip-tip {
    757. 

  757. 	padding-left:	5px;
    758. 

  758. }
    759.