Stylish Theme für Newnigma2

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • wenn einer ahnung von html/css usw hat, könnte er ja für das chrome plugin Stylish (gibts glaube auch für FF) einen
      dunkleren skin basteln

      wer es mal testen will, wie es GROOOB dunkel aussieht, stylish installieren,
      wenn man auf newnigma2 ist : Style erstellen für board.newnigma2.to anklicken,
      links einen namen eingeben rechts diesen code rein:


      Quellcode

      1. @namespace html url(http://www.w3.org/1999/xhtml);
      2. @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
      3. /* Browser Background */
      4. browser[type="content-primary"] {
      5. background-color: #141414 !important;
      6. }
      dann weiteren bereich hinzufügen, dann bei Code2 das rein:

      Quellcode

      1. /*No background images. try to exclude icons, other misc items. */
      2. *:not(:empty):not([onclick*="open"]):not(span):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="prite"]):not([id*="prite"]):not([id*="lbImage"]) {
      3. background-image: none !important;
      4. }
      5. /* Basic Bodies */
      6. html,
      7. body {
      8. background: none #141414 !important;
      9. }
      10. /* Make descendents of the body element transparent. Formerly "DIV + SPAN" rules. */
      11. body * {
      12. background-color: transparent !important;
      13. }
      14. /* Give id's BG hopefully */
      15. div[id] {
      16. background-color: inherit !important;
      17. }
      18. /* Filter non-icons */
      19. span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"]) {
      20. background: none transparent !important;
      21. border-color: #000 !important;
      22. }
      23. /* Try to contrast containers */
      24. html:root > body > * > * > * > *:not(input):not([onclick]) > div:not(:empty):not([id]) {
      25. background: none #1c1c1c !important
      26. }
      27. /* :::::::: Text Presentation :::::::: */
      28. summary,
      29. details {
      30. background-color: inherit !important;
      31. }
      32. abbr,
      33. progress,
      34. time,
      35. label,
      36. .date {
      37. color: #CDEFC2 !important;
      38. }
      39. mark,
      40. code,
      41. pre,
      42. blockquote,
      43. [class*="quote"],
      44. td[style*="inset"][class="alt2"] {
      45. background-color: #00090F !important;
      46. }
      47. /* :::::::: Headings + Header :::::::: */
      48. /* Header gradient rules */
      49. header,
      50. #header {
      51. background: -moz-linear-gradient(#333,#141414) transparent !important;
      52. }
      53. #header h1 {
      54. background-color: transparent !important;
      55. }
      56. h1,
      57. h2 {
      58. background: none #28313E !important;
      59. border-radius: 5px !important;
      60. -moz-border-radius: 5px !important;
      61. -webkit-border-radius: 5px !important;
      62. }
      63. h3,
      64. h4 {
      65. background: none #2A3731 !important;
      66. border-radius: 5px !important;
      67. -moz-border-radius: 5px !important;
      68. -webkit-border-radius: 5px !important;
      69. }
      70. h5,
      71. h6 {
      72. background: none #372A2A !important;
      73. }
      74. /* :::::::: Lists :::::::: */
      75. dt {
      76. background-color: #2B3135 !important;
      77. }
      78. dl,
      79. dd {
      80. background-color: #232323 !important;
      81. }
      82. li,
      83. ul {
      84. background-color: inherit !important;
      85. }
      86. li a:not([class*="icon"]):not([id*="icon"]):not([onclick]),
      87. dt a:not([class*="icon"]):not([id*="icon"]):not([onclick]) {
      88. background-image: none !important;
      89. text-indent: 0 !important;
      90. }
      91. /* :::::::: list Item highlight :::::::: */
      92. li[class*="item"] a:hover,
      93. li[class*="item"]:hover,
      94. /* Not list item, but still useful*/
      95. [class*="menuitem"]:hover {
      96. background-color: #2E2B2F !important;
      97. }
      98. /* :::::::: Tables, cells :::::::: */
      99. table {
      100. background-color: #232323 !important;
      101. border-color: #333 !important;
      102. }
      103. table table {
      104. background: #191919 !important;
      105. }
      106. th,
      107. caption {
      108. background-color: #353535 !important;
      109. }
      110. /* :::::::: Input :::::::: */
      111. /* === Basic === */
      112. /* anonymous divs */
      113. input *,
      114. textarea * {
      115. color: #DDD !important;
      116. }
      117. html body input:not([type="image"]),
      118. button,
      119. html body textarea {
      120. background: none #353535 !important;
      121. -moz-appearance: none !important;
      122. -webkit-appearance: none !important;
      123. color: #DDD !important;
      124. border: solid 1px #777 !important;
      125. border-radius: 0 !important;
      126. -moz-border-radius: 0 !important;
      127. -webkit-border-radius: 0 !important;
      128. opacity: 1 !important;
      129. }
      130. /* Style reset. */
      131. html body input[type="checkbox"] {
      132. -moz-appearance: checkbox !important;
      133. -webkit-appearance: checkbox !important;
      134. }
      135. html body input[type="radio"] {
      136. -moz-appearance: radio !important;
      137. -webkit-appearance: radio !important;
      138. }
      139. /* :::::::: Custom styling :::::::: */
      140. html:root input[type="button"],
      141. html:root input[type="submit"],
      142. html:root input[type="reset"],
      143. html:root button {
      144. color: #EEE !important;
      145. background-color: #222437 !important;
      146. -moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
      147. -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
      148. }
      149. html:root input[type="button"]:hover,
      150. html:root input[type="submit"]:hover,
      151. html:root input[type="reset"]:hover,
      152. html:root button:hover {
      153. color: #FFF !important;
      154. background-color: #31344F !important;
      155. border-color: #5F687F !important;
      156. -moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
      157. -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
      158. }
      159. html:root input[type="image"] {
      160. opacity: .85 !important;
      161. }
      162. html:root input[type="image"]:hover {
      163. opacity: .95 !important;
      164. }
      165. /* Drop-down menu */
      166. select,
      167. option,
      168. optgroup {
      169. background: none #383838 !important;
      170. border-color:#555 !important;
      171. color:#f1f1f1 !important;
      172. -moz-appearance: none !important;
      173. }
      174. /* :::::::: Misc :::::::: */
      175. address {
      176. background: none #333 !important;
      177. }
      178. hr {
      179. background: none #444 !important
      180. }
      181. /*currently viewed page*/
      182. .current {
      183. color: #FFF !important;
      184. }
      185. /* Remove Rounded Corners, Borders, Spacer, Padding images */
      186. img[src*="spacer"]:empty,
      187. [id*="round"]:empty,
      188. [id*="bottom"]:empty,
      189. [class*="bottom"]:empty,
      190. [class*="Bottom"]:empty,
      191. [id*="top"]:empty,
      192. [class*="top"]:empty,
      193. [class*="Top"]:empty,
      194. [class*="spacer"]:empty {
      195. background-image: none !important;
      196. }
      197. /* Menus and Navigation */
      198. nav,
      199. menu,
      200. /*Common naming conventions - in case previous declarations fail to give solid BG*/
      201. html body [class*="open"],
      202. html body [id*="Dropdown"],
      203. html body [id*="dropdown"],
      204. html body [class*="Dropdown"],
      205. html body [class*="dropdown"],
      206. html body [id*="menu"]:not(SELECT),
      207. html body [class*="menu"]:NOT(SELECT),
      208. html body [class*="tooltip"],
      209. html body [class*="popup"],
      210. html body [id*="popup"],
      211. /* Notes, details, etc. Maybe useful */
      212. html body [class*="note"],
      213. html body [class*="detail"],
      214. html body [class*="description"]
      215. {background-color: #232323 !important}
      216. /* Also common */
      217. [class*="content"],
      218. [class*="container"] {
      219. background-color: #1c1c1c !important;
      220. }
      221. /* Headers, Logos */
      222. [id*="masthead"] a,
      223. [id*="header"] a,
      224. [id*="logo"] a,
      225. [class*="logo"] a {
      226. text-indent: 0 !important;
      227. }
      228. /* Instead of increasing specificity rating by using :not, set rules separately */
      229. html:root body [class*="layer"],
      230. html:root body #lightbox-nav,
      231. html:root body #imageContainer {
      232. background-color: transparent !important;
      233. }
      234. /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
      235. /* Universal - sets color of text, border */
      236. * {
      237. color: #CCC !important;
      238. border-color: #444 !important;
      239. outline-color: #444 !important;
      240. text-shadow: none !important;
      241. }
      242. html *:after,
      243. html *:before {
      244. color: #CCC !important;
      245. border-color: #666 !important;
      246. background: none transparent !important;
      247. }
      248. /* Link */
      249. a:link,
      250. a:link *:not(img){
      251. color: #B1CBF7 !important;
      252. background-color: transparent !important;
      253. border-color: #666 !important;}
      254. a:visited,
      255. a:visited * {
      256. color: #CDB4E7 !important;
      257. }
      258. a:hover,
      259. a:hover *:not(img){
      260. color: #FFE900 !important;
      261. background-color: #363037 !important;
      262. border-color: #999 !important;
      263. }
      264. html [href*="#"]:hover {
      265. color: #FFE900 !important;
      266. background-color: transparent !important;
      267. }
      268. /* Event Handlers/Attributes */
      269. [onclick],
      270. [ondblclick],
      271. [onmousedown] {
      272. color: #DFD5BC !important;
      273. text-indent: 0 !important;
      274. }
      275. [onclick]:hover,
      276. [ondblclick]:hover,
      277. [onmousedown]:hover {
      278. color: #FEFF97 !important;
      279. }
      280. /* Make images transparent */
      281. img {
      282. opacity: .75 !important;
      283. }
      284. img:hover {
      285. opacity: 1 !important;
      286. background-color: #888 !important;
      287. }
      288. svg {
      289. background: none #666 !important;
      290. }
      291. /* Highlight */
      292. ::-moz-selection {
      293. background-color: #626F61 !important;
      294. color: #F6F7B9 !important;
      295. }
      296. /* :::::::: Specific Fixes :::::::: */
      297. /* google search link fix */
      298. .g .r {
      299. background-color: transparent !important;
      300. }
      301. /* google result hover highlight*/
      302. div.vsc:hover > .vspi, div.vso > .vspi {
      303. background: none transparent !important;
      304. border: none !important;
      305. }
      Alles anzeigen
      und links auf speichern. und schon siehts anders aus ;)
      Probleme kann man niemals mit derselben Denkweise lösen.

      ¯\_(ツ)_/¯

      "Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen.
      Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen."
    • @kado001,
      das war ja nur als Beispiel gedacht, man müsste eine Style für Newnigma2 machen.

      wenn man z.b. diese zwei styles installiert, und auf die newnigma2.to domain einstellt,
      passt es besser:

      userstyles.org/styles/130605/ogame-wbb4-1-dark-style
      userstyles.org/styles/101643/global-high-contrast

      aber wie gesagt, das sind auch nur globle/unique styles.

      es müsste jemand mit sehr guten css/html kentnissen einen dark theme für nn2 machen... ich kann es nicht
      Probleme kann man niemals mit derselben Denkweise lösen.

      ¯\_(ツ)_/¯

      "Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen.
      Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen."
    • kado001 schrieb:

      @deepblue2000

      Ich hab das "global-high-contrast" für das board angepasst.

      Text (Anhang) kopieren und wie oben beschrieben einfügen, fertig

      Klappt super und sieht echt schön aus :thumbup:

      bei mir funktioniert dein code nicht, er meldet auch einen fehler: warning 159 : 5 float can't be used with display: inline-block.

      eventuell einen fehler drin ?

      edit: du nutzt wahrscheinlich Firefox, bei Chrome musste ich es über die import funktion machen,
      sieht aber bischen komisch aus, ich glaub du hast das "O-Game" theme im anhang, das global-high-contrast sieht anders aus
      Probleme kann man niemals mit derselben Denkweise lösen.

      ¯\_(ツ)_/¯

      "Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen.
      Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen."
    • so, mal die posts ausgegliedert und eigene thread gemacht
      Probleme kann man niemals mit derselben Denkweise lösen.

      ¯\_(ツ)_/¯

      "Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen.
      Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen."
    • dhwz schrieb:

      @deepblue
      Ich würd euch ja meinen HyperTex 402 Mod zur Verfügung stellen, aber ihr wollt vermutlich keinen zweiten Style haben?
      Naja, wir sind nicht abgeneigt. Ist der Style direkt für WBB 4.1 geeignet? Oder ist das nur CSS?
    • @deepblue2000

      mhhh...also ich hatte den Code einfach aus dem Editwindow (siehe Anhang) kopiert. Daher seltsam mit der Fehlermeldung. Evtl. liegt es tatsächlich daran das ich Cyberfox ( 64bit FF) benutze
      Bilder
      • Untitled-1.jpg

        312,33 kB, 1.611×857, 199 mal angesehen
      • Untitled-2.jpg

        246,07 kB, 1.611×857, 186 mal angesehen
    • hier mal ein etwas abgeänderter standard stylish theme

      board ist nicht mehr in der kompletten breite und links die user
      spalte ist farblich abgehoben vom rest.

      hab das style aber nicht selber gemacht, auch nur ausm web,
      hab nur die farben etwas angepasst.

      die hintergundfarbe, der user befindet sich in: .messageList .message { background-color: #ceeeee
      Bilder
      • Image4.png

        503,93 kB, 1.920×1.080, 220 mal angesehen
      Dateien
      Probleme kann man niemals mit derselben Denkweise lösen.

      ¯\_(ツ)_/¯

      "Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen.
      Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen."