API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 21st, 2014
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.44 KB | None | 0 0
raw download clone embed print report
  1. /* Fonts
  2. ******************************************************/
  3. @font-face {
  4.     font-family:'Georgia-Regular';
  5.     src: url('../fonts/Georgia_latin+latin-ext_gdi.eot');
  6.     src: url('../fonts/Georgia_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
  7.          url('../fonts/Georgia_latin+latin-ext_gdi.woff') format('woff'),
  8.          url('../fonts/Georgia_latin+latin-ext_gdi.ttf') format('truetype'),
  9.          url('../fonts/Georgia_latin+latin-ext_gdi.svg#Georgia-Regular') format('svg');
  10.     font-weight: 400;
  11.     font-style: normal;
  12.     font-stretch: normal;
  13.     unicode-range: U+0020-F010;
  14. }
  15.  
  16. @font-face {
  17.     font-family:'Georgia-Italic';
  18.     src: url('../fonts/Georgia-Italic_latin+latin-ext_gdi.eot');
  19.     src: url('../fonts/Georgia-Italic_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
  20.          url('../fonts/Georgia-Italic_latin+latin-ext_gdi.woff') format('woff'),
  21.          url('../fonts/Georgia-Italic_latin+latin-ext_gdi.ttf') format('truetype'),
  22.          url('../fonts/Georgia-Italic_latin+latin-ext_gdi.svg#Georgia-Italic') format('svg');
  23.     font-weight: 400;
  24.     font-style: italic;
  25.     font-stretch: normal;
  26.     unicode-range: U+0020-F010;
  27. }
  28.  
  29. @font-face {
  30.     font-family:'DroidSans-Regular';
  31.     src: url('../fonts/DroidSans_latin+latin-ext_gdi.eot');
  32.     src: url('../fonts/DroidSans_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
  33.          url('../fonts/DroidSans_latin+latin-ext_gdi.woff') format('woff'),
  34.          url('../fonts/DroidSans_latin+latin-ext_gdi.ttf') format('truetype'),
  35.          url('../fonts/DroidSans_latin+latin-ext_gdi.svg#DroidSans-Regular') format('svg');
  36.     font-weight: 400;
  37.     font-style: normal;
  38.     font-stretch: normal;
  39.     unicode-range: U+0020-20AC;
  40. }
  41.  
  42. @font-face {
  43.     font-family:'DroidSans-Bold';
  44.     src: url('../fonts/DroidSans-Bold_latin+latin-ext_gdi.eot');
  45.     src: url('../fonts/DroidSans-Bold_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
  46.          url('../fonts/DroidSans-Bold_latin+latin-ext_gdi.woff') format('woff'),
  47.          url('../fonts/DroidSans-Bold_latin+latin-ext_gdi.ttf') format('truetype'),
  48.          url('../fonts/DroidSans-Bold_latin+latin-ext_gdi.svg#DroidSans-Bold') format('svg');
  49.     font-weight: 700;
  50.     font-style: normal;
  51.     font-stretch: normal;
  52.     unicode-range: U+0020-20AC;
  53. }
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73. /* Wiederkehrende Styles der Block Elemente
  74. ******************************************************/
  75. /* Block Elemente mit Weißem Content Text */
  76. .b-01,
  77. .b-02,
  78. .b-03,
  79. .b-04,
  80. .b-05,
  81. .b-08,
  82. .b-09,
  83. .b-12 {
  84.     color: #ffffff;
  85. }
  86.  
  87. /* Block Elemente mit Braunem Content Text */
  88. .b-06,
  89. .b-07,
  90. .b-10,
  91. .b-11 {
  92.     color: #715d4d;
  93. }
  94.  
  95. /* Block Elemente Content Boxen */
  96. .b-01 .box-content,
  97. .b-02 .box-content,
  98. .b-03 .box-content,
  99. .b-04 .box-content,
  100. .b-05 .box-content,
  101. .b-06 .box-content,
  102. .b-07 .box-content,
  103. .b-08 .box-content,
  104. .b-09 .box-content
  105. /* Mal sehen wo es noch sinn macht.. */ {
  106.     padding: 1em 1em 4em 1em;
  107. }
  108.  
  109. /* Block Element Titles */
  110. .b-01 .block-title,
  111. .b-02 .block-title,
  112. .b-03 .block-title,
  113. .b-04 .block-title,
  114. .b-05 .block-title,
  115. .b-06 .block-title,
  116. .b-07 .block-title,
  117. .b-08 .block-title,
  118. .b-09 .block-title,
  119. .b-10 .block-title,
  120. .b-11 .block-title,
  121. .b-12 .block-title, {
  122.     color: #fff;
  123.     margin: -2em 0 0 0;
  124.     padding: 0 0 0 1em;
  125.     height: 2em;
  126. }
  127.  
  128. /* Block 01 - Orange
  129. ******************************************************/
  130. .b-01 {
  131.     background-color: #ff8f66;
  132. }
  133.  
  134. .b-01 .box-content {
  135.     background-color: #ff6B01;
  136. }
  137.  
  138. .b-01 .block-title {
  139.     background-color: #d53c0a;
  140. }
  141.  
  142. /* Block 02 - Rot
  143. ******************************************************/
  144. .b-02 {
  145.     background-color: #db7b88;
  146. }
  147.  
  148. .b-02 .box-content {
  149.     background-color: #e30050;
  150. }
  151.  
  152. .b-02 .block-title {
  153.     background-color: #aa1e32;
  154. }
  155.  
  156. /* Block 03 - Himbeerrot
  157. ******************************************************/
  158. .b-03 {
  159.     background-color: #da6a97;
  160. }
  161.  
  162. .b-03 .box-content {
  163.     background-color: #f5007b;
  164. }
  165.  
  166. .b-03 .block-title {
  167.     background-color: #9f0042;
  168. }
  169.  
  170. /* Block 04 - Blattgrün
  171. ******************************************************/
  172. .b-04 {
  173.     background-color: #c0de66;
  174. }
  175.  
  176. .b-04 .box-content {
  177.     background-color: #96c800;
  178. }
  179.  
  180. .b-04 .block-title {
  181.     background-color: #80b145;
  182. }
  183.  
  184. /* Block 05 - Blau
  185. ******************************************************/
  186. .b-05 {
  187.     background-color: #66bcdc;
  188. }
  189.  
  190. .b-05 .box-content {
  191.     background-color: #0090c5;
  192. }
  193.  
  194. .b-05 .block-title {
  195.     background-color: #0a5a96;
  196. }
  197.  
  198. /* Block 06 - Gelb
  199. ******************************************************/
  200. .b-06 {
  201.     background-color: #ffec97;
  202. }
  203.  
  204. .b-06 .box-content {
  205.     background-color: #ffec00;
  206. }
  207.  
  208. .b-06 .block-title {
  209.     background-color: #ffb400;
  210. }
  211.  
  212. /* Block 07 - Cyan
  213. ******************************************************/
  214. .b-07 {
  215.     background-color: #00e9f5;
  216. }
  217.  
  218. .b-07 .box-content {
  219.     background-color: #00d7f5;
  220. }
  221.  
  222. .b-07 .block-title {
  223.     background-color: #00abd8;
  224. }
  225.  
  226. /* Block 08 - Violett
  227. ******************************************************/
  228. .b-08 {
  229.     background-color: #db8af1;
  230. }
  231.  
  232. .b-08 .box-content {
  233.     background-color: #b715e4;
  234. }
  235.  
  236. .b-08 .block-title {
  237.     background-color: #8615b6;
  238. }
  239.  
  240. /* Block 09 - Anthrazit
  241. ******************************************************/
  242. .b-09 {
  243.     background-color: #666666;
  244. }
  245.  
  246. .b-09 .box-content {
  247.     background-color: #333333;
  248. }
  249.  
  250. .b-09 .block-title {
  251.     background-color: #000000;
  252. }
  253.  
  254. /* Block 10 - Hellbraun 1 (Universal) - Heller
  255. ******************************************************/
  256. .b-10 {
  257.     background-color: #f5f3f1;
  258. }
  259.  
  260. .b-10 .box-content {
  261.     background-color: #d7d1cc;
  262. }
  263.  
  264. .b-10 .block-title {
  265.     background-color: #9a8b80;
  266. }
  267.  
  268. /* Block 11 - Hellbraun 2 (Universal) - Dunkler
  269. ******************************************************/
  270. .b-11 {
  271.     background-color: #ebe8e6;
  272. }
  273.  
  274. .b-11 .box-content {
  275.     background-color: #d7d1cc;
  276. }
  277.  
  278. .b-11 .block-title {
  279.     background-color: #9a8b80;
  280. }
  281.  
  282. /* Block 12 - Warmgrau - Menü, Serviceleiste, Header und Footer
  283. ******************************************************/
  284. .b-12 {
  285.     background-color: #655e58;
  286. }
  287.  
  288. .b-12 .box-content {
  289.     background-color: #716762;
  290. }
  291.  
  292. .b-12 .block-title {
  293.     background-color: #908985;
  294. }
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315. /* Text Elemente - Georgia Regular
  316. ******************************************************/
  317. .t-01 { /* Schlagzeile Seitenaufmacher */
  318.     font-family: 'Georgia-Regular';
  319.     color: #fff;
  320.     font-size: 3.438em;
  321.     margin-bottom: 2em;
  322. }
  323.  
  324. .t-02 { /* Tageslosung */
  325.     font-family: 'Georgia-Regular';
  326.     color: #715d4d;
  327.     font-size: 2.857em;
  328. }
  329.  
  330. .t-03 { /* Überschrift Artikel */
  331.     font-family: 'Georgia-Regular';
  332.     color: #ffffff;
  333.     font-size: 1.875em;
  334.     margin-bottom: 2em;
  335. }
  336.  
  337. .t-04 { /* Zwischenüberschrift im Test oder bei z. B. Textslidern, wo weniger Platz zur verfügung steht */
  338.     font-family: 'Georgia-Regular';
  339.     color: #Je nach Hintergrundfarbe;
  340.     font-size: 1.500em;
  341.     margin-bottom: 1.500em;
  342. }
  343.  
  344. .t-05 { /* Einleitungstext zu Thema und Artikel */
  345.     font-family: 'Georgia-Regular';
  346.     color: #ffffff;
  347.     font-size: 1.500em;
  348.     margin-bottom: 2em;
  349. }
  350.  
  351. /* Text Elemente - Georgia Italic
  352. ******************************************************/
  353. .t-10 { /* Infos zum Artikel */
  354.     font-family: 'Georgia-Italic';
  355.     color: #715d4d;
  356.     font-size: 1.188em;
  357. }
  358.  
  359. .t-11 { /* Zitate (Kommentar) */
  360.     font-family: 'Georgia-Italic';
  361.     color: #715d4d;
  362.     font-size: 1.188em;
  363. }
  364.  
  365. .t-12 { /* Bildunterschriften */
  366.     font-family: 'Georgia-Italic';
  367.     color: #715d4d;
  368.     font-size: 1em;
  369. }
  370.  
  371. /* Text Elemente - DroidSans Regular
  372. ******************************************************/
  373. .t-20 { /* Fließtext / Links */
  374.     font-family: 'DroidSans-Regular';
  375.     color: #Je nach Hintergrundfarbe;
  376.     font-size: 1.188em;
  377.     margin-bottom: 1em;
  378. }
  379.  
  380. .t-21 { /* Datum / Autor / Ressorts */
  381.     font-family: 'DroidSans-Regular';
  382.     color: #Je nach Hintergrundfarbe;
  383.     font-size: 1em;
  384.     margin-bottom: 0.500em;
  385. }
  386.  
  387. .t-22 { /* Bildnachweis */
  388.     font-family: 'DroidSans-Regular';
  389.     color: #ffffff;
  390.     font-size: 0.750em;
  391. }
  392.  
  393. .t-23 { /* Schlagworte */
  394.     font-family: 'DroidSans-Regular';
  395.     color: #ffffff;
  396.     font-size: 1.375em;
  397. }
  398.  
  399. .t-24 { /* Links Botschaften aktiv / inaktiv (Exakt das selbe wie t-23... kann also meiner meinung nach weg...) */
  400.     font-family: 'DroidSans-Regular';
  401.     color: #ffffff;
  402.     font-size: 1.375em;
  403. }
  404.  
  405. /* Text Elemente - DroidSans Bold
  406. ******************************************************/
  407. .t-30 { /* Rubrikreiter */
  408.     font-family: 'DroidSans-Bold';
  409.     color: #Je nach Hintergrundfarbe;
  410.     font-size: 1em;
  411. }
  412.  
  413. .t-31 { /* Rubrikreiter */
  414.     font-family: 'DroidSans-Bold';
  415.     color: #Je nach Hintergrundfarbe;
  416.     font-size: 1em;
  417. }
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!