API tools faq
paste
Advertisement
xShadowLight

aS Seitenlayout

xShadowLight
Jan 7th, 2016
407
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.51 KB | None | 0 0
raw download clone embed print report
  1. #logo{  /*aniSearch Logo*/
  2.   background-image: url();  /*URL für Hintergrundbild*/
  3. }
  4. #topnav>li:first-child>a {  /*Username Hintergrund*/
  5.     background-color: rgba(133,187,221, 0.5);
  6. }
  7. #header:before{ /*Header*/
  8.   background-color: rgb(230, 244, 255);
  9.   background-image: url();  /*URL für Hintergrundbild*/
  10.   opacity: 1;
  11. }
  12. #header{    /*Abschlusstrich des Headers*/
  13.       border-bottom: 2px solid #6A85A9;
  14. }
  15. #content {  /*Seitenhintergrund*/
  16.   background-color: rgb(230, 244, 255);
  17.   background-image: url();  /*URL für Hintergrundbild*/
  18.   background-attachment: fixed;
  19. }
  20. a { /*Globale Linkfarbe*/
  21.   color: rgb(72, 154, 255);
  22. }
  23. #avatar.hover { /*Avatar Hover*/
  24.     box-shadow: -1px -1px 0px 0px #41A8E9,1px -1px 0px 0px #41A8E9,1px 1px 0px 0px #41A8E9,-1px 1px 0px 0px #41A8E9;
  25.     background-color: #41A8E9;
  26. }
  27. #avatar .menuitem { /*Avatar Hoverfenster*/
  28.     background-color: rgb(65, 168, 233)!important;
  29.     outline: 1px solid rgb(65, 168, 233)!important;
  30. }
  31. #avatar .menuitem>li:hover {    /*Avatar Hoverfenster Menüpunkte Hover*/
  32.     background-color: #1A71AF;
  33. }
  34. #avatar .logout {   /*Logout*/
  35.     background-color: rgba(87, 91, 101, 0.5);
  36. }
  37. #usercp.hover { /*UserCP Hover*/
  38.     background-color: #41A8E9;
  39.     box-shadow: -1px -1px 0px 0px #41A8E9,1px -1px 0px 0px #41A8E9,1px 1px 0px 0px #41A8E9,-1px 1px 0px 0px #41A8E9;
  40. }
  41. #usercp.hover .menuitem {   /*UserCP Hoverfenster*/
  42.     background-color: #41A8E9;
  43.     outline: 1px solid #41A8E9;
  44. }
  45. #usercp .menuitem>li:hover {    /*UserCP Hoverfenster Menüpunkte Hover*/
  46.     background-color: #1A71AF;
  47. }
  48. .menuitem>li span { /*Menüpunkte Schrift*/
  49.     color: #FFFFFF;
  50. }
  51. #mainnav{   /*Navigationsleiste*/
  52.   background-color: rgba(133, 187, 221, 0.5);
  53. }
  54. #mainnav .menu>li.active {  /*Navigationsleiste aktiv*/
  55.     background-color: rgba(65, 168, 233, 0.75);
  56. }
  57. #mainnav .menu>li.hover {   /*Navigationleiste Hover*/
  58.     background-color: rgba(65, 168, 233, 0.75);
  59.     box-shadow: -1px -1px 0px 0px #41A8E9,1px -1px 0px 0px #41A8E9,1px 1px 0px 0px #41A8E9,-1px 1px 0px 0px #41A8E9;
  60. }
  61. #mainnav .menu>li.hover .menuitem { /*Navigationsleiste Hoverfenster*/
  62.     background-color: rgba(65, 168, 233, 0.75);
  63.     box-shadow: -1px -1px 0px 0px #41A8E9,1px -1px 0px 0px #41A8E9,1px 1px 0px 0px #41A8E9,-1px 1px 0px 0px #41A8E9;
  64. }
  65. #mainnav .menu>li .menuitem>li:hover {  /*Navigationsleiste Hoverfenster Menüpunkte Hover*/
  66.     background-color: rgba(26,113,175, 0.75);
  67. }
  68. #mainnav .menu>li .menuitem>li:hover span { /*Navigationsleiste Hoverfenster Menüpunkte Hover Textfarbe*/
  69.     color: #000;
  70. }
  71. #searchbox {    /*Suchleiste*/
  72.     background-color: #1A71AF;
  73.     border-bottom: 2px solid #62B8EE;
  74. }
  75. #searchbox #searchbar { /*Suchfeld*/
  76.     border: 2px solid #85BBDD;
  77. }
  78. #searchbox #searchbar>li:last-child:before {    /*Die Pfeile da*/
  79.     color: #85BBDD;
  80. }
  81. #start {    /*Boxen Mitte*/
  82.     border: 1px solid #62B8EE;
  83.     background-color: rgba(255, 255, 255, 0.4);
  84. }
  85. #start #details-subs, #start #details-subsB {   /*Tabs*/
  86.     background-color: #62B8EE;
  87. }
  88. #start #details-subs>li>a, #start #details-subsB>li>a { /*Tabs Rand*/
  89.     border: none;
  90. }
  91. #details-outer #details-inner>section>h2 {  /*Überschriftenleiste*/
  92.     background-color: #62B8EE;
  93.     border-top: 3px solid #6A85A9;
  94.     color: #FFFFFF;
  95. }
  96. #details-outer #details-inner>section.empty>h2 {    /*Überschriftenleiste leer*/
  97.     color: rgb(68, 68, 68);
  98. }
  99. #details-outer #details-inner>section>h2>a {    /*Überschriftenleiste Links*/
  100.     color: #FFF;
  101. }
  102. #details-outer #details-inner>section.accordion>h2:after {
  103.     background-color: #6A85A9;
  104. }
  105. #details-right>section>h2{  /*Boxen rechts Überschrift*/
  106.     background-color: #62B8EE;
  107. }
  108. #details-right>section {    /*Boxen rechts*/
  109.     background-color: rgba(255,255,255,0.8);
  110.     border: 1px solid #62B8EE;
  111. }
  112. .pagenav>a {    /*Forum Seitenanzeige*/
  113.     border: 1px solid #7CBEE8;
  114.     background-color: #7CBEE8;
  115. }
  116. .pagenav>.pagenav-current { /*Seitenanzeige aktiv*/
  117.     background-color: #1A71AF;
  118.     border-color: #1A71AF;
  119. }
  120. .pagenav>a:hover {  /*Seitenanzeige Hover*/
  121.     background-color: #1A71AF;
  122.     border-color: #1A71AF;
  123. }
  124. #newthread {    /*Thema erstellen Button*/
  125.     background-color: #7CBEE8;
  126. }
  127. #newthread:hover {  /*Thema erstellen Button Hover*/
  128.     background: #1A71AF;
  129. }
  130. .sbuttonA, .sbuttonB {  /*Buttons*/
  131.     background-color: #7CBEE8;
  132. }
  133. .sbuttonA:hover, .sbuttonB:hover {  /*Buttons Hover*/
  134.     background-color: #1A71AF;
  135.     border-color: #1A71AF;
  136. }
  137. article.comment>header>div.cpanel>span:before { /*Forum Kommentarpfeil*/
  138.     background-color: #7CBEE8;
  139. }
  140. article.comment>header>div.cpanel>ul {  /*Forum Kommentarfenster*/
  141.     background-color: #7CBEE8;
  142. }
  143. article.comment>header>div.cpanel>ul>li:hover { /*Forum Kommentarfenster hover*/
  144.     background-color: #1A71AF
  145. }
  146. responsive-table thead th { /*Index Listenansicht*/
  147.     background-color: #62B8EE;
  148.     border: 1px solid #6A85A9;
  149. }
  150. .responsive-table tbody tr {    /*Ränder*/
  151.     border: 2px solid #6A85A9;
  152. }
  153. .pbutton {  /*Erweiterte Suche*/
  154.     background-color: #62B8EE;
  155. }
  156. .tabs { /*Same*/
  157.     background-color: #62B8EE;
  158. }
  159. .pbutton-container {    /*Rand*/
  160.     border: 1px solid #62B8EE;
  161. }
  162. #tabs-content-filters { /*Erweiterte Suche abgeschickt*/
  163.     background-color: #62B8EE;
  164. }
  165. #filters-items>li { /*Aktive Filter*/
  166.     background-color: #275575;
  167. }
  168. .tabs>li {  /*Tabs*/
  169.     border: none;
  170. }
  171. article.comment {   /*Forum Beiträge*/
  172.     background-color: #FFF!important;
  173.     border: 1px solid #62B8EE!important;
  174. }
  175. #forumCategories>li a { /*Forum Kategorien*/
  176.     background-color: #FFF;
  177. }
  178. #forumCategories>li a.bold {    /*Forum Kategorien aktiv*/
  179.     background-color: #D0EAFB;
  180. }
  181. article.comment>div.comments>h3 {   /*Forum Kommentare*/
  182.     background-color: #62B8EE;
  183.     border: 1px solid #62B8EE;
  184. }
  185. article.comment>div.comments {  /*Forum Kommentare Rand*/
  186.     border: 1px solid #62B8EE;
  187. }
  188. article.comment>ul.badges>li>a {    /*Forum Smileys*/
  189.     background-color: #79B9E2 !important;
  190. }
  191. #forumindex>li{ /*Forum Threads*/
  192.     background-color: #FFF;
  193. }
  194. #forumindex>li:nth-child(odd) { /*Forum Threads ungerade*/
  195.     background-color: transparent;
  196. }
  197. #forumindex>li.readed { /*Forum Threads gelesen*/
  198.     background-color: rgb(201, 213, 222)!important;
  199. }
  200. #itemSubscriptionBox {  /*Forum abonnieren*/
  201.     background-color: #62B8EE;
  202.     color: #FFF;
  203. }
  204. #itemSubscriptionBox>ul>li:hover {  /*Forum abonnieren Hover*/
  205.     background-color: #1A71AF;
  206. }
  207. #itemSubscriptionBox>ul>li>div {    /*Forum abonnieren Rand*/
  208.     border-left: 3px solid #FFF;
  209. }
  210. article.comment>h2:first-of-type {  /*PN Überschrift*/
  211.     background-color: rgb(98, 184, 238);
  212. }
  213. #footer {   /*Footer Rand*/
  214.   border-top: 2px solid #85BBDD;
  215.   background-color: #E6F4FF;
  216.   background-image: url();  /*URL für Hintergrundbild*/
  217. }
  218. #footer h4 {    /*Footer Überschrift*/
  219.     border-bottom: 1px solid #41A8E9;
  220.     color: #41A8E9;
  221. }
  222. #footer a { /*Footer Links*/
  223.     color: #62B8EE;
  224. }
  225. .responsive-table thead th {    /*Warteliste Überschrift*/
  226.     background-color: #41A8E9;
  227.     border: 1px solid #6A85A9;
  228. }
  229. #sidenav-main { /*Mobil Menü*/
  230.     background-color: #41A8E9;
  231. }
  232. #sidenav-main>.menu>li .menuitem>li:hover { /*Mobil Menü Hover*/
  233.     background-color: #1A71AF;
  234. }
  235. #page-action>li {   /*Profilbuttons*/
  236.     border: 1px solid #85BBDD;
  237.     color: #62B8EE;
  238. }
  239. #page-action>li:hover { /*Profilbuttons Hover*/
  240.     background-color: #85BBDD;
  241. }
  242. #page-action>li:before {    /*Profilbuttons Symbole*/
  243.     color: #62B8EE;
  244. }
  245. #table-menu>li.hover {  /*Suchansicht aktiv*/
  246.     border-color: #275575;
  247.     background-color: #275575;
  248. }
  249. #table-menu>li {    /*Suchansicht inaktiv*/
  250.     background-color: rgb(26, 113, 175);
  251.     color: #CCCCCC;
  252. }
  253. #table-menu-content>div {   /*Suchansicht Inhalt*/
  254.     background-color: #275575;
  255. }
  256. #indexABC>li.active {   /*Suchansicht "Beginnt mit" aktiv*/
  257.     background-color: #4EBBFF;
  258. }
  259. #indexABC>li {  /*Suchansicht "Beginnt mit" inaktiv*/
  260.     background-color: #7FB1D0;
  261. }
  262. #indexABC>li:hover {    /*Suchansicht "Beginnt mit" hover*/
  263.     background-color: #154161;
  264. }
  265. .f10g { /*Suchansicht "Covers" kleiner Text*/
  266.     font-size: 12px;
  267.     color: #A5A5A5;
  268. }
  269. .msgBox>div.notice {    /*Suchansicht Hinweisbox*/
  270.     border: 1px solid #FFF;
  271.     background-color: #FFF;
  272. }
  273. .btype0 {   /* Index Covers*/
  274.     background-color: #284050 !important;
  275. }
  276. .covers>li>a .title>div {   /*Index Covers Links*/
  277.     color: #7BCCFF;
  278. }
  279. .gallery>li>a .title>div {  /*Index Galerie Links*/
  280.     color: #7BCCFF;
  281. }
  282. .inputBox-Header {  /*Eintragen Boxen*/
  283.     background: #FFFFFF;
  284.     border: 1px solid #B5D7ED;
  285. }
  286. .inputBox-Header>.inputBox-List {   /*Eintragen Boxen Highlight*/
  287.     background: #B5D7ED;
  288. }
  289. #toTop {    /*To top Button*/
  290.     background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left top;
  291. }
  292. #toTopHover {   /*To top Button Hover*/
  293.     background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left -42px;
  294. }
  295. .icheckbox, .iradio {   /*Checkboxen + Radiobuttons*/
  296.     background: url("http://puu.sh/mpB0q/e48824558b.png") no-repeat;
  297. }
  298. .covers>li>a .title {
  299.     background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, #000000 100%);
  300. }
  301. #ratingBox>div #ratingSettings tr>td #eplus {   /*Bewerten +Button*/
  302.     border: 1px solid #7CBEE8;
  303.     background-color: #7CBEE8;
  304. }
  305. #ratingBox>div #ratingSettings tr>td #eplus:hover { /*Bewerten +Button Hover*/
  306.     background-color: #1A71AF;
  307.     border-color: #1A71AF;
  308. }
  309. #ratingBox>div #ratingSettings tr>td #maxEpisodes { /*Bewerten Max-Button*/
  310.     border: 1px solid #7CBEE8;
  311.     background-color: #7CBEE8;
  312. }
  313. #ratingBox>div #ratingSettings tr>td #maxEpisodes:hover {   /*Bewerten Max-Button Hover*/
  314.     background-color: #1A71AF;
  315.     border-color: #1A71AF;
  316. }
  317. #ratingBox>div #ratingSettings tr>td:last-child>.setDateToday { /*Bewerten "Heute"*/
  318.     color: rgb(72, 154, 255);
  319. }
  320. #ratingBox>div>footer #ratingMode { /*Bewerten Anzeige wechseln*/
  321.     color: rgb(72, 154, 255);
  322. }
  323. #cstar-rating>div { /*Bewerten Sterne*/
  324.     color: #1A71AF;
  325. }
  326. .ui-slider {    /*Bewerten Slider Rand*/
  327.     border: 1px solid #1A71AF;
  328. }
  329. .ui-slider .ui-slider-handle {  /*Bewerten Slider*/
  330.     border: 2px solid #1A71AF;
  331.     background-color: #1A71AF;
  332. }
  333. #pollFrame {    /*Forum Umfragen*/
  334.     background: #FFFFFF;
  335.     border: 1px solid #62B8EE;
  336. }
  337. @media (min-width: 900px){  /*PNs Titel*/
  338. .responsive-table tbody th[scope="row"]>a {
  339.     color: #489aff;
  340. }
  341. }
  342. .covers>li {
  343.     background-color: #284050;
  344. }
  345. .ui-tooltip {
  346.     background-color: #284050;
  347.     border: 1px solid #284050;
  348. }
  349.  
  350. #ratingBox>div {    /*Bewertungsfenster Rand*/
  351.     border: 2px solid #1A71AF;
  352. }
  353. #ratingBox>div>header { /*Bewertungsfenster Header*/
  354.     background-color: #1A71AF;
  355. }
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!