/modules/mod_news_pro_gk4/interface/css/style.css

https://gitlab.com/ppapadatis/Videolearn · CSS · 134 lines · 118 code · 1 blank · 15 comment · 0 complexity · 7e9e5fcfde5445f43082ce34e3d69f49 MD5 · raw file

  1. /**
  2. * Main CSS file
  3. * @package News Show Pro GK4
  4. * @Copyright (C) 2009-2012 Gavick.com
  5. * @ All rights reserved
  6. * @ Joomla! is Free Software
  7. * @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
  8. * @version $Revision: GK4 1.0 $
  9. **/
  10. .nsp { position: relative; }
  11. .nspMain { overflow:hidden; }
  12. .nspBotInterface,
  13. .nspTopInterface { overflow:hidden; margin:5px 0; clear: both; }
  14. .nspBotInterface div,
  15. .nspTopInterface div { float:right; }
  16. /* Interface - for different looking Top and Bottom interface use the following classes: .nspTopInterface and .nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...) */
  17. .nspPagination { list-style-type:none !important; margin:3px 0 0 !important; padding:0 !important; float:left; }
  18. .nspPagination li { float:left; width: 8px; height: 8px; margin: 0 4px 0 0 !important; background: url('../images/interface.png') no-repeat 50% 0; text-indent:-999em; cursor:pointer; }
  19. .nspPagination li:hover,
  20. .nspPagination li.active { background-position: 50% -8px; }
  21. .nspNext,
  22. .nspPrev { float:left; width: 14px; height: 14px; margin:0 0 0 4px; background: url('../images/interface.png') no-repeat 0 -16px; text-indent:-999em; cursor:pointer; }
  23. .nspPrev { background-position: 0 -44px }
  24. .nspNext:hover,
  25. .nspPrev:hover { background-position: 0 -30px }
  26. .nspPrev:hover { background-position: 0 -58px }
  27. .nspCounter { float:left; margin:0 0 0 8px; padding:1px 4px; border: 1px solid #ddd; border-radius:2px 2px; -moz-border-radius:2px 2px; -webkit-border-radius:2px 2px; color: #878787; font-size:9px;cursor:pointer; }
  28. .nspCounter span { }
  29. .nspBotInterface .nspCounter strong,
  30. .nspTopInterface .nspCounter strong { }
  31. .nspArts { overflow:hidden; }
  32. .nspArtPage { float: left; }
  33. .nspArt { float:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  34. .nspArt div { overflow: hidden; }
  35. .nspArt h4.nspHeader { }
  36. .nspArt h4.nspHeader a { text-decoration: none }
  37. .nspArt h4.nspHeader a:hover { }
  38. .nspArt img.nspImage { border: none }
  39. .nspArt p.nspText { float:none; }
  40. .nspArt p.nspText a { }
  41. .nspArt p.nspText a:hover { }
  42. .nspArt p.nspInfo { font-size:90% }
  43. .nspArt p.nspInfo a { }
  44. .nspArt p.nspInfo a:hover { }
  45. .nspArt .tleft { text-align:left; }
  46. .nspArt .tright { text-align:right; }
  47. .nspArt .tcenter { text-align:center; }
  48. .nspArt .tjustify { text-align:justify; }
  49. .nspArt .fleft { float:left; }
  50. .nspArt .fright { float:right; }
  51. .nspArt .fnone { clear:both; width:100%; float:none; }
  52. .readon.left,
  53. .readon.right,
  54. .readon.center { clear:both; }
  55. .readon.left { float:left; }
  56. .readon.right { float:right; }
  57. .readon.center { display:inline; float:none; }
  58. .nspAvatar { }
  59. .nspLinks { }
  60. .nspList { float: left; }
  61. .nspLinks ul { padding:0 !important; list-style-type:none !important; }
  62. .nspLinks ul li { margin: 0 30px 0 0 !important }
  63. .nspLinks ul li:hover { }
  64. .nspLinks ul li h4 { }
  65. .nspLinks ul li h4 a { text-decoration: none }
  66. .nspLinks ul li h4 a:hover { }
  67. .nspLinks ul li p { }
  68. /* positioning */
  69. .nspArts.left { float:right; }
  70. .nspLinksWrap.left { float:left; }
  71. .nspArts.right { float:left; }
  72. .nspLinksWrap.right { float:right; }
  73. /* make element unvisible */
  74. .nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
  75. /* font-size classes */
  76. .nspFs80 { font-size:80%; }
  77. .nspFs90 { font-size:90%; }
  78. .nspFs100 { font-size:100%; }
  79. .nspFs110 { font-size:110%; }
  80. .nspFs120 { font-size:120%; }
  81. .nspFs130 { font-size:130%; }
  82. .nspFs140 { font-size:140%; }
  83. .nspFs150 { font-size:150%; }
  84. .nspFs160 { font-size:160%; }
  85. .nspFs170 { font-size:170%; }
  86. .nspFs180 { font-size:180%; }
  87. .nspFs190 { font-size:190%; }
  88. .nspFs200 { font-size:200%; }
  89. /* New responsive layout */
  90. .gkResponsive img.nspImage,
  91. img.nspImage.gkResponsive { width: 100%!important; height: auto; }
  92. .nspArt img.nspImage { max-width: 100%; }
  93. .nspArtScroll1,
  94. .nspLinkScroll1 { width: 100%; }
  95. .nspPages1 { width: 100%; }
  96. .nspPages2 { width: 200%; }
  97. .nspPages3 { width: 300%; }
  98. .nspPages4 { width: 400%; }
  99. .nspPages5 { width: 500%; }
  100. .nspPages6 { width: 600%; }
  101. .nspPages7 { width: 700%; }
  102. .nspPages8 { width: 800%; }
  103. .nspPages9 { width: 900%; }
  104. .nspPages10 { width: 1000%; }
  105. .nspCol1 { width: 100%; }
  106. .nspCol2 { width: 50%; }
  107. .nspCol3 { width: 33.3%; }
  108. .nspCol4 { width: 25%; }
  109. .nspCol5 { width: 20%; }
  110. .nspCol6 { width: 16.66%; }
  111. .nspCol7 { width: 14.285%; }
  112. .nspCol8 { width: 12.5%; }
  113. .nspCol9 { width: 11.1%; }
  114. .nspCol10 { width: 10%; }
  115. .nspCol11 { width: 9.09%; }
  116. .nspCol12 { width: 8.33%; }
  117. .nspCol13 { width: 7.69%; }
  118. .nspCol14 { width: 7.14%; }
  119. .nspCol15 { width: 6.66%; }
  120. .nspCol16 { width: 6.25%; }
  121. .nspCol17 { width: 5.88%; }
  122. .nspCol18 { width: 5.55%; }
  123. .nspCol19 { width: 5.26%; }
  124. .nspCol20 { width: 5%; }
  125. /* VM elements */
  126. .nspVmStore .PricesalesPrice { margin: 0; padding: 0; float: left; }
  127. .nspVmStore .PricediscountAmount { font-size: 11px; line-height: 12px; color: #b6b6b6; float: left; clear: left; }
  128. .nspVmStore .PricetaxAmount { font-size: 11px; line-height: 12px; color: #b6b6b6; float: left; clear: left; }
  129. .nspVmStore input.addtocart-button { width: 30px; height: 30px; background: transparent url('../images/nsp_add_to_cart.png') no-repeat 0 0; margin: 0; float: right; text-indent: -999em; }
  130. .nspVmStore input.addtocart-button:hover { background-position: 0 bottom!important; }
  131. .nspVmStore div.PricesalesPrice { font-size: 18px; line-height: 22px; }
  132. .nspVmStore { height: 40px; padding: 12px 0 0;border-top: 1px solid #eee; }
  133. .nspVmStore form { float: right; }