Sākums Izpētīt Palīdzība
Pierakstīties
bachir
/
popsu-d7
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Koks: 68e9e90294
Atzari Tagi
popsu-d7
/
sites
/
default
/
themes
/
popsu
/
js
/
libs
/
daveyijzermans-popover
/
popover.css

popover.css 1.5 KB
Vēsture Neapstrādāts

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 
  1. /**
    2. 

  2.  * jQuery.popover example stylesheet.
    3. 

  3.  * By Davey IJzermans
    4. 

  4.  * http://daveyyzermans.nl
    5. 

  5.  * 
    6. 

  6.  * License: public domain
    7. 

  7.  */
    8. 

  8. 

  9. .popover {
    10. 

  10. 	position: absolute;
    11. 

  11. 	top: 0; left: 0;
    12. 

  12. 	max-height: 240px;
    13. 

  13. 	width: 220px;
    14. 

  14. 	display: none;
    15. 

  15. 	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    16. 

  16. 	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    17. 

  17. }
    18. 

  18. .popover.wider {
    19. 

  19. 	width: 340px;
    20. 

  20. }
    21. 

  21. .popover.large {
    22. 

  22. 	width: 470px;
    23. 

  23. 	max-height: 350px;
    24. 

  24. }
    25. 

  25. .popover .arrow, .popover .top-arrow {
    26. 

  26. 	position: absolute;
    27. 

  27. 	top: 0; left: 50%;
    28. 

  28. 	margin: -10px 0 0 -3px;
    29. 

  29. 	width: 0; height: 0;
    30. 

  30. 	border-top: 5px solid transparent;
    31. 

  31. 	border-left: 5px solid transparent;
    32. 

  32. 	border-right: 5px solid transparent;
    33. 

  33. 	border-bottom: 5px solid #121212;
    34. 

  34. }
    35. 

  35. .popover .bottom-arrow {
    36. 

  36. 	top: 100%; left: 50%;
    37. 

  37. 	margin: 0 0 0 -3px;
    38. 

  38. 	border-top: 5px solid #121212;
    39. 

  39. 	border-bottom: 5px solid transparent;
    40. 

  40. }
    41. 

  41. .popover .left-arrow {
    42. 

  42. 	top: 50%; left: -10px;
    43. 

  43. 	margin: -3px 0 0;
    44. 

  44. 	border-right: 5px solid #121212;
    45. 

  45. 	border-bottom: 5px solid transparent;
    46. 

  46. }
    47. 

  47. .popover .right-arrow {
    48. 

  48. 	top: 50%; left: 100%;
    49. 

  49. 	margin: -3px 0 0;
    50. 

  50. 	border-left: 5px solid #121212;
    51. 

  51. 	border-bottom: 5px solid transparent;
    52. 

  52. }
    53. 

  53. .popover .wrap {
    54. 

  54. 	background: white;
    55. 

  55. 	border: 3px solid #121212;
    56. 

  56. 	border-radius: 4px;
    57. 

  57. 	-moz-border-radius: 4px;
    58. 

  58. 	-webkit-border-radius: 4px;
    59. 

  59. }
    60. 

  60. .popover .title {
    61. 

  61. 	background: #121212 url(popover_gradient.png) repeat-x;
    62. 

  62. 	color: white;
    63. 

  63. 	font-size: 1.3em;
    64. 

  64. 	text-align: center;
    65. 

  65. 	padding: 8px 0 0 0;
    66. 

  66. 	height: 27px;
    67. 

  67. }
    68. 

  68. .popover .content {
    69. 

  69. 	padding: 15px;
    70. 

  70. 	max-height: 175px;
    71. 

  71. 	overflow: auto;
    72. 

  72. 	line-height: 1.3em;
    73. 

  73. 	font-size: 0.9em;
    74. 

  74. }
    75. 

  75. .popover.large .content {
    76. 

  76. 	max-height: 285px;
    77. 

  77. }
    78.