API tools faq
paste
Advertisement
englishextra

global.css

englishextra
Jan 27th, 2012
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 36.90 KB | None | 0 0
raw download clone embed print report
  1. /*css/fontface.css*/
  2.  
  3. @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),
  4. url(/src/webfonts/Open_Sans/OpenSans.woff)
  5.  format('woff')}
  6. @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),
  7. url(/src/webfonts/Open_Sans/OpenSans-Semibold.woff)
  8.  format('woff')}
  9. @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),
  10. url(/src/webfonts/Open_Sans/OpenSans-Light.woff)
  11.  format('woff')}
  12. @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),
  13. url(/src/webfonts/Open_Sans/OpenSans-Bold.woff)
  14.  format('woff')}
  15. @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),
  16. url(/src/webfonts/Open_Sans/OpenSans-Italic.woff)
  17.  format('woff')}
  18. @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),
  19. url(/src/webfonts/Open_Sans/OpenSansLight-Italic.woff)
  20.  format('woff')}
  21. @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),
  22. url(/src/webfonts/Open_Sans/OpenSans-SemiboldItalic.woff)
  23.  format('woff')}
  24. @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),
  25. url(/src/webfonts/Open_Sans/OpenSans-BoldItalic.woff)
  26.  format('woff')}
  27. @font-face{font-family:'Ubuntu Mono';font-style:normal;font-weight:400;src:local('Ubuntu Mono'),local('UbuntuMono-Regular'),
  28. url(/src/webfonts/Ubuntu_Mono/UbuntuMono-Regular.woff)
  29.  format('woff')}
  30. /*css/fontawesome.css*/
  31.  
  32. @font-face {
  33.     font-family:'FontAwesome';font-style:normal;font-weight:400;src:
  34. url(/src/webfonts/FontAwesome/fontawesome-webfont.woff)
  35.  format('woff')
  36. }
  37. [class^="icon-"],[class*=" icon-"] {
  38.     display: inline;
  39.     width: auto;
  40.     height: auto;
  41.     line-height: inherit;
  42.     vertical-align: baseline;
  43.     background-image: none;
  44.     background-position: 0% 0%;
  45.     background-repeat: repeat
  46. }
  47.  
  48. li[class^="icon-"],li[class*=" icon-"] {
  49.     display: block
  50. }
  51. [class^="icon-"]:before,[class*=" icon-"]:before {
  52.     font-family: FontAwesome;
  53.     font-weight: normal;
  54.     font-style: normal;
  55.     display: inline-block;
  56.     text-decoration: inherit
  57. }
  58.  
  59. a [class^="icon-"],a [class*=" icon-"] {
  60.     display: inline-block;
  61.     text-decoration: inherit
  62. }
  63.  
  64. .icon-large:before {
  65.     vertical-align: top;
  66.     font-size: 1.3333333333333333em
  67. }
  68.  
  69. .btn [class^="icon-"],.btn [class*=" icon-"] {
  70.     line-height: .9em
  71. }
  72.  
  73. li [class^="icon-"],li [class*=" icon-"] {
  74.     display: inline-block;
  75.     width: 1.25em;
  76.     text-align: center
  77. }
  78.  
  79. li .icon-large[class^="icon-"],li .icon-large[class*=" icon-"] {
  80.     width: 1.875em
  81. }
  82.  
  83. li[class^="icon-"],li[class*=" icon-"] {
  84.     margin-left: 0;
  85.     list-style-type: none
  86. }
  87.  
  88. li[class^="icon-"]:before,li[class*=" icon-"]:before {
  89.     text-indent: -2em;
  90.     text-align: center
  91. }
  92.  
  93. li[class^="icon-"].icon-large:before,li[class*=" icon-"].icon-large:before {
  94.     text-indent: -1.3333333333333333em
  95. }
  96.  
  97. .icon-search:before {
  98.     content: "\f002"
  99. }
  100.  
  101. .icon-envelope:before {
  102.     content: "\f003"
  103. }
  104.  
  105. .icon-signal:before {
  106.     content: "\f012"
  107. }
  108.  
  109. .icon-home:before {
  110.     content: "\f015"
  111. }
  112.  
  113. .icon-info-sign:before {
  114.     content: "\f05a"
  115. }
  116.  
  117. .icon-gift:before {
  118.     content: "\f06b"
  119. }
  120.  
  121. .icon-comment:before {
  122.     content: "\f075"
  123. }
  124.  
  125. .icon-folder-close:before {
  126.     content: "\f07b"
  127. }
  128.  
  129. .icon-folder-open:before {
  130.     content: "\f07c"
  131. }
  132.  
  133. .icon-download-alt:before {
  134.     content: "\f019"
  135. }
  136.  
  137. .icon-download:before {
  138.     content: "\f01a"
  139. }
  140.  
  141.  
  142. /*css/elements.css*/
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. /* http://riddle.pl/emcalc/*/
  155. /*BODY FONT-SIZE 13PX*/
  156. /*Pixels    EMs     Percent     Points*/
  157. /*1px   0.077em*/
  158. /*2px   0.154em*/
  159. /*3px   0.231em*/
  160. /*4px   0.308em*/
  161. /*5px   0.385em*/
  162. /*6px   0.462em     46.2%   5pt*/
  163. /*7px   0.538em     53.8%   5pt*/
  164. /*8px   0.615em     61.5%   6pt*/
  165. /*9px   0.692em     69.2%   7pt*/
  166. /*10px  0.769em     76.9%   8pt*/
  167. /*11px  0.846em     84.6%   8pt*/
  168. /*12px  0.923em     92.3%   9pt*/
  169. /*13px  1em     100%    10pt*/
  170. /*14px  1.077em     107.7%  11pt*/
  171. /*15px  1.154em     115.4%  11pt*/
  172. /*16px  1.231em     123.1%  12pt*/
  173. /*17px  1.308em     130.8%  13pt*/
  174. /*18px  1.385em     138.5%  14pt*/
  175. /*19px  1.462em     146.2%  14pt*/
  176. /*20px  1.538em     153.8%  15pt*/
  177. /*21px  1.615em     161.5%  16pt*/
  178. /*22px  1.692em     169.2%  17pt*/
  179. /*23px  1.769em     176.9%  17pt*/
  180. /*24px  1.846em     184.6%  18pt*/
  181. /*25px  1.923em*/
  182. /*28px  2.154em*/
  183. /*29px  2.231em */
  184. /*32px  2.462em */
  185. /*36px  2.769em*/
  186. /*37px  2.846em*/
  187. /*38px  2.923em*/
  188. /*39px  3.077em*/
  189. /*40px  3em*/
  190.  
  191. /* http://modularscale.com/scale/?px1=13&px2=11&ra1=1.5&ra2=0
  192.  
  193. Modular Scale
  194. ----------------------
  195. 13px @ 1:1.5   
  196. 11px @ 1:1.5   
  197. ----------------------
  198.  
  199. Pixels  Ems     % of 13
  200. 1,124.483   86.499  8,649.869
  201. 951.483     73.191  7,319.100
  202. 749.655     57.666  5,766.577
  203. 634.322     48.794  4,879.400
  204. 499.770     38.444  3,844.385
  205. 422.881     32.529  3,252.931
  206. 333.180     25.629  2,562.923
  207. 281.921     21.686  2,168.623
  208. 222.120     17.086  1,708.615
  209. 187.947     14.457  1,445.746
  210. 148.080     11.391  1,139.077
  211. 125.298     9.638   963.831
  212. 98.720  7.594   759.385
  213. 83.532  6.426   642.554
  214. 65.813  5.063   506.254
  215. 55.688  4.284   428.369
  216. 43.875  3.375   337.500
  217. 37.125  2.856   285.577
  218. 29.250  2.25    225.000
  219. 24.750  1.904   190.385
  220. 19.500  1.5     150.000
  221. 16.500  1.269   126.923
  222. 13.000  1   100.000
  223. 11.000  0.846   84.615
  224. 8.667   0.667   66.669
  225. 7.333   0.564   56.408
  226. 5.778   0.444   44.446
  227. 4.889   0.376   37.608
  228. 3.852   0.296   29.631
  229. 3.259   0.251   25.069
  230. 2.568   0.198   19.754
  231. 2.173   0.167   16.715
  232. 1.712   0.132   13.169
  233. 1.449   0.111   11.146
  234. 1.141   0.088   8.777 */
  235.  
  236. /* this does not require a reset.css normally placed before */
  237.  
  238. /* SHOULD BE AT THE TOP */
  239.  
  240. a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body,
  241. canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed,
  242. fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
  243. hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol,
  244. output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong,
  245. sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video,
  246. xmp {
  247.     border: 0;
  248.     font-size: 100%;
  249.     margin: 0;
  250.     padding: 0;
  251. }
  252.  
  253. /* HTML5 FIXES */
  254. /* article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  255.     display:block;
  256. } */
  257.  
  258. /* MAIN ELEMENTS */
  259.  
  260. html {
  261.     font-size: 100.01%;
  262. }
  263.  
  264. html,
  265. body {
  266.     height: 100%;
  267.     margin: 0;
  268.     padding: 0;
  269. }
  270.  
  271. body {
  272.     font-size: 13px;
  273.     font-family: 'Open Sans', 'DejaVu Sans', sans-serif;
  274.     line-height: 1.538;/*20px/13px*/
  275.     color: #333;
  276.     background: #fff;
  277. }
  278.  
  279. /* headings */
  280.  
  281. h1 {
  282.     font-size: 2.846em;/*37px/13px*/
  283.     /* line-height:1.385em; */
  284. }
  285.  
  286. h2 {
  287.     font-size: 1.538em;/*20px/13px*/
  288. }
  289.  
  290. h3,
  291. h4,
  292. h5,
  293. h6 {
  294.     font-size: 1.308em;/*17px/13px*/
  295. }
  296.  
  297. h1,
  298. h2,
  299. h3,
  300. h4,
  301. h5,
  302. h6 {
  303.     color: inherit;
  304.     font-weight: 600;
  305. }
  306.  
  307. p {
  308.     font-weight: 400;/* fix for firefox for Open Sans font */
  309. }
  310.  
  311. /* h1 img,
  312. h2 img,
  313. h3 img,
  314. h4 img,
  315. h5 img,
  316. h6 img {
  317.     margin:0;
  318. } */
  319.  
  320. /* ANCHORS */
  321.  
  322. a {
  323.     color: #007CBD;
  324.     text-decoration: none;
  325. }
  326.  
  327. a:hover {
  328.     text-decoration: underline;
  329. }
  330.  
  331. a:focus,
  332. a:hover {
  333.     color: #05B0EA;
  334. }
  335.  
  336. /* LISTS AND OTHERS */
  337.  
  338. abbr,
  339. acronym {
  340.     border-bottom: 1px dotted #666;
  341. }
  342.  
  343. address,
  344. blockquote,
  345. em,
  346. i,
  347. cite,
  348. dfn {
  349.     font-weight: 400;
  350.     font-style: italic;
  351. }
  352.  
  353. blockquote,
  354. dd,
  355. li {
  356.     margin-left: 2em;
  357. }
  358.  
  359. dl dt {
  360.     font-size: 1.308em;/*13px/13px*/
  361. }
  362.  
  363. dl,
  364. ul,
  365. ol {
  366.     margin-left: 0;
  367.     margin-right: 0;
  368.     margin-top: 0;
  369.     padding-left: 0;
  370. }
  371.  
  372. hr {
  373.     border: 0 #D1CFCF solid;
  374.     border-top-width: 1px;
  375.     clear: both;
  376.     height: 0;
  377. }
  378.  
  379. img {
  380.     color: transparent;
  381.     font-size: 0;
  382.     -ms-interpolation-mode: bicubic;
  383.     vertical-align: middle;
  384. }
  385.  
  386. li {
  387.     display: list-item;
  388. }
  389.  
  390. li ul,
  391. li ol {
  392.     margin: 0;
  393. }
  394.  
  395. ol {
  396.     list-style: decimal;
  397. }
  398.  
  399. pre {
  400.     overflow: auto;
  401.     white-space: pre;
  402. }
  403.  
  404. pre,
  405. pre code {
  406.     border-radius: 3px;
  407.     -khtml-border-radius: 3px;
  408.     -moz-border-radius: 3px;
  409.     -webkit-border-radius: 3px;
  410.     padding: 5px 7px;
  411. }
  412.  
  413. pre,
  414. pre code,
  415. pre a,
  416. tt,
  417. kbd {
  418.     font-family: 'Ubuntu Mono', 'Consolas', 'Menlo', 'Monaco', 'Lucida Console',
  419.     'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
  420.     'Courier New', monospace, serif;
  421.     font-size: 0.923em;/*12px/13px*/
  422. }
  423.  
  424. q {
  425.     quotes: none;
  426. }
  427.  
  428. q:before,
  429. q:after {
  430.     content: '';
  431.     content: none;
  432. }
  433.  
  434. strong,
  435. b,
  436. dfn,
  437. dl dt {
  438.     font-weight: 600;
  439.     font-size: 123.1%;/*16px/13px*/
  440. }
  441.  
  442. sub {
  443.     bottom: -0.25em;
  444. }
  445.  
  446. sub,
  447. sup {
  448.     line-height: 0;
  449.     position: relative;
  450.     vertical-align: baseline;
  451. }
  452.  
  453. sub,
  454. sup,
  455. small {
  456.     font-size: 0.769em;/*10px/13px*/
  457. }
  458.  
  459. sup {
  460.     top: -0.5em;
  461. }
  462.  
  463. /* svg {
  464.     overflow:hidden;
  465. } */
  466.  
  467. ul {
  468.     list-style: disc;
  469. }
  470.  
  471. /* TABLES */
  472.  
  473. table {
  474.     border-collapse: collapse;
  475.     border-spacing: 0;
  476.     width: auto;
  477. }
  478.  
  479. tbody tr:nth-child(even) td {
  480.     background: #E9F3FD;
  481. }
  482.  
  483. td table {
  484.     font-size: 100%;
  485.     margin-bottom: 0;
  486. }
  487.  
  488. tfoot,
  489. caption,
  490. th {
  491.     font-weight: 400;
  492.     font-style: italic;
  493. }
  494.  
  495. th {
  496.     font-weight: 400;
  497. }
  498.  
  499. th,
  500. td {
  501.     border-collapse: collapse;
  502. }
  503.  
  504. th,
  505. td,
  506. caption {
  507.     font-size: inherit;
  508.     font-weight: 400;
  509.     text-align: left;
  510.     vertical-align: top;
  511.     padding: 5px 7px;
  512. }
  513.  
  514. /* FORMS */
  515.  
  516. form {
  517.     margin: 0;
  518.     padding: 0;
  519. }
  520.  
  521. fieldset {
  522.     background: #f5f5f5;
  523.     left: 0;
  524.     margin-left: 0;
  525.     margin-right: 0;
  526.     margin-top: 0;
  527.     padding: 1em;
  528.     padding-top: 1em;
  529.     position: relative;
  530.     top: 0;
  531. }
  532.  
  533. fieldset p:last-child {
  534.     margin-bottom: 0;
  535. }
  536.  
  537. fieldset,
  538. select,
  539. textarea,
  540. input,
  541. button {
  542.     font-size: inherit;
  543.     font-family: inherit;
  544.     font-weight: 400;
  545. }
  546.  
  547. label {
  548.     font-size: 0.769em;/*10px/13px*/
  549.     font-weight: 400;
  550.     display: inline-block;
  551.     margin-left: 8px;
  552.     margin-top: 0;
  553. }
  554.  
  555. legend {
  556.     background: #f5f5f5;
  557.     font-family: inherit;
  558.     font-weight: 400;
  559.     margin-bottom: 0;
  560.     margin-top: 0;
  561.     padding: 2px 5px;
  562. }
  563.  
  564. select,
  565. textarea {
  566.     display: inline-block;
  567.     margin: 0 0 0 6px;
  568.     width: auto;
  569. }
  570.  
  571. textarea {
  572.     height: auto;
  573. }
  574.  
  575. input {
  576.     display: inline-block;
  577. }
  578.  
  579. /* input::-moz-focus-inner {
  580.     border: 0;
  581. }
  582.  
  583. input::-webkit-input-placeholder,
  584. input:-moz-placeholder {
  585.     color: #D1CFCF;
  586. } */
  587.  
  588. /* input[disabled="disabled"] {
  589.     background:#f5f5f5;
  590.     box-shadow:inset 0 1px 2px #ddd;
  591.     -moz-box-shadow:inset 0 0 2px #ddd;
  592.     -webkit-box-shadow:inset 0 1px 2px #ddd;
  593.     color:#999;
  594. } */
  595.  
  596. input[type="checkbox"],
  597. input[type="radio"] {
  598.     background: none;
  599.     border: 0;
  600.     display: inline-block;
  601.     margin: 0 0 0 6px;
  602.     vertical-align: baseline;
  603.     width: auto;
  604. }
  605.  
  606. /* input[type="file"] {
  607.     box-shadow:none;
  608.     -moz-box-shadow:none;
  609.     -webkit-box-shadow:none;
  610. } */
  611.  
  612. input[type="password"],
  613. input[type="file"],
  614. input[type="text"],
  615. button,
  616. input[type="submit"],
  617. input[type="reset"],
  618. input[type="button"] {
  619.     display: inline-block;
  620.     margin: 0 0 0 6px;
  621.     vertical-align: middle;
  622.     width: auto;
  623. }
  624.  
  625. /* input[type="submit"] img,
  626. input[type="reset"] img,
  627. input[type="button"] img {
  628.     display: inline;
  629.     margin: 0;
  630.     padding: 0;
  631.     vertical-align: middle;
  632. } */
  633.  
  634. input[type="text"],
  635. input[type="password"],
  636. textarea {
  637.     background-color: #fff;
  638. }
  639.  
  640. input[type="text"]:focus,
  641. input[type="password"]:focus,
  642. textarea:focus,
  643. select:focus,
  644. input[type="text"]:focus,
  645. input[type="password"]:focus,
  646. textarea:focus {
  647.     border-color: #05B0EA;
  648. }
  649.  
  650. button,
  651. input[type="submit"],
  652. input[type="reset"],
  653. input[type="button"] {
  654.     background: rgb(252, 252, 252);
  655.     background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
  656.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(224, 224, 224, 1)));
  657.     background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
  658.     background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
  659.     background: -ms-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
  660.     background: linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%);
  661.     /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0', GradientType=0 ); */
  662.     box-sizing: border-box;
  663.     color: inherit;
  664.     cursor: pointer;
  665.     display: inline-block;
  666.     left: 0;
  667.     overflow: visible;
  668.     position: relative;
  669.     text-decoration: none;
  670.     text-shadow: 0 1px 0 #fff;
  671.     top: 0;
  672.     vertical-align: middle;
  673.     width: auto;
  674.     zoom: 1;
  675. }
  676.  
  677. button:hover,
  678. input[type="submit"]:hover,
  679. input[type="reset"]:hover,
  680. input[type="button"]:hover {
  681.     background: rgb(252, 252, 252);
  682.     background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
  683.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
  684.     background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
  685.     background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
  686.     background: -ms-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
  687.     background: linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
  688.     /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed', GradientType=0 ); */
  689. }
  690.  
  691. button,
  692. textarea,
  693. input[type="password"],
  694. input[type="text"],
  695. input[type="submit"],
  696. input[type="reset"],
  697. input[type="button"] {
  698. /*  box-shadow: inset 0 1px 6px #ccc;
  699.     -khtml-box-shadow: inset 0 1px 6px #ccc;
  700.     -moz-box-shadow: inset 0 0 6px #ccc;
  701.     -webkit-box-shadow: inset 0 1px 6px #ccc; */
  702. }
  703.  
  704. button,
  705. textarea,
  706. input[type="password"],
  707. input[type="text"],
  708. input[type="submit"],
  709. input[type="reset"],
  710. input[type="button"],
  711. fieldset,
  712. legend {
  713.     border-radius: 3px;
  714.     -khtml-border-radius: 3px;
  715.     -moz-border-radius: 3px;
  716.     -webkit-border-radius: 3px;
  717.     padding: 5px 7px;
  718. }
  719.  
  720. button,
  721. textarea,
  722. input[type="password"],
  723. input[type="text"],
  724. input[type="submit"],
  725. input[type="reset"],
  726. input[type="button"],
  727. fieldset,
  728. legend,
  729. select {
  730.     border: 1px solid #D1CFCF;
  731. }
  732.  
  733. /* SHOULD BE AT THE BOTTOM */
  734.  
  735. p, dl, h1, h2, h3, h4, h5, h6, hr, ol, ul, pre, pre code, table, address, fieldset, figure {
  736.     margin-bottom: 20px;
  737. }
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756.  
  757. /*css/grid.css*/
  758. body{min-width:960px}
  759. .container_12{margin-left:auto;margin-right:auto;width:960px}
  760. .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
  761. .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}
  762. .alpha{margin-left:0}
  763. .omega{margin-right:0}
  764. .container_12 .grid_1{width:60px}
  765. .container_12 .grid_2{width:140px}
  766. .container_12 .grid_3{width:220px}
  767. .container_12 .grid_4{width:300px}
  768. .container_12 .grid_5{width:380px}
  769. .container_12 .grid_6{width:460px}
  770. .container_12 .grid_7{width:540px}
  771. .container_12 .grid_8{width:620px}
  772. .container_12 .grid_9{width:700px}
  773. .container_12 .grid_10{width:780px}
  774. .container_12 .grid_11{width:860px}
  775. .container_12 .grid_12{width:940px}
  776. .container_12 .prefix_1{padding-left:80px}
  777. .container_12 .prefix_2{padding-left:160px}
  778. .container_12 .prefix_3{padding-left:240px}
  779. .container_12 .prefix_4{padding-left:320px}
  780. .container_12 .prefix_5{padding-left:400px}
  781. .container_12 .prefix_6{padding-left:480px}
  782. .container_12 .prefix_7{padding-left:560px}
  783. .container_12 .prefix_8{padding-left:640px}
  784. .container_12 .prefix_9{padding-left:720px}
  785. .container_12 .prefix_10{padding-left:800px}
  786. .container_12 .prefix_11{padding-left:880px}
  787. .container_12 .suffix_1{padding-right:80px}
  788. .container_12 .suffix_2{padding-right:160px}
  789. .container_12 .suffix_3{padding-right:240px}
  790. .container_12 .suffix_4{padding-right:320px}
  791. .container_12 .suffix_5{padding-right:400px}
  792. .container_12 .suffix_6{padding-right:480px}
  793. .container_12 .suffix_7{padding-right:560px}
  794. .container_12 .suffix_8{padding-right:640px}
  795. .container_12 .suffix_9{padding-right:720px}
  796. .container_12 .suffix_10{padding-right:800px}
  797. .container_12 .suffix_11{padding-right:880px}
  798. .container_12 .push_1{left:80px}
  799. .container_12 .push_2{left:160px}
  800. .container_12 .push_3{left:240px}
  801. .container_12 .push_4{left:320px}
  802. .container_12 .push_5{left:400px}
  803. .container_12 .push_6{left:480px}
  804. .container_12 .push_7{left:560px}
  805. .container_12 .push_8{left:640px}
  806. .container_12 .push_9{left:720px}
  807. .container_12 .push_10{left:800px}
  808. .container_12 .push_11{left:880px}
  809. .container_12 .pull_1{left:-80px}
  810. .container_12 .pull_2{left:-160px}
  811. .container_12 .pull_3{left:-240px}
  812. .container_12 .pull_4{left:-320px}
  813. .container_12 .pull_5{left:-400px}
  814. .container_12 .pull_6{left:-480px}
  815. .container_12 .pull_7{left:-560px}
  816. .container_12 .pull_8{left:-640px}
  817. .container_12 .pull_9{left:-720px}
  818. .container_12 .pull_10{left:-800px}
  819. .container_12 .pull_11{left:-880px}
  820. .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
  821. .clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
  822. .clearfix:after{clear:both}
  823. .clearfix{}
  824. /*css/main.css*/
  825.  
  826.  
  827. /* http://riddle.pl/emcalc/*/
  828. /*BODY FONT-SIZE 13PX*/
  829. /*Pixels    EMs     Percent     Points*/
  830. /*1px   0.077em*/
  831. /*2px   0.154em*/
  832. /*3px   0.231em*/
  833. /*4px   0.308em*/
  834. /*5px   0.385em*/
  835. /*6px   0.462em     46.2%   5pt*/
  836. /*7px   0.538em     53.8%   5pt*/
  837. /*8px   0.615em     61.5%   6pt*/
  838. /*9px   0.692em     69.2%   7pt*/
  839. /*10px  0.769em     76.9%   8pt*/
  840. /*11px  0.846em     84.6%   8pt*/
  841. /*12px  0.923em     92.3%   9pt*/
  842. /*13px  1em     100%    10pt*/
  843. /*14px  1.077em     107.7%  11pt*/
  844. /*15px  1.154em     115.4%  11pt*/
  845. /*16px  1.231em     123.1%  12pt*/
  846. /*17px  1.308em     130.8%  13pt*/
  847. /*18px  1.385em     138.5%  14pt*/
  848. /*19px  1.462em     146.2%  14pt*/
  849. /*20px  1.538em     153.8%  15pt*/
  850. /*21px  1.615em     161.5%  16pt*/
  851. /*22px  1.692em     169.2%  17pt*/
  852. /*23px  1.769em     176.9%  17pt*/
  853. /*24px  1.846em     184.6%  18pt*/
  854. /*25px  1.923em*/
  855. /*28px  2.154em*/
  856. /*29px  2.231em */
  857. /*32px  2.462em */
  858. /*36px  2.769em*/
  859. /*37px  2.846em*/
  860. /*38px  2.923em*/
  861. /*39px  3.077em*/
  862. /*40px  3em*/
  863.  
  864. /* http://modularscale.com/scale/?px1=13&px2=11&ra1=1.5&ra2=0
  865.  
  866. Modular Scale
  867. ----------------------
  868. 13px @ 1:1.5   
  869. 11px @ 1:1.5   
  870. ----------------------
  871.  
  872. Pixels  Ems     % of 13
  873. 1,124.483   86.499  8,649.869
  874. 951.483     73.191  7,319.100
  875. 749.655     57.666  5,766.577
  876. 634.322     48.794  4,879.400
  877. 499.770     38.444  3,844.385
  878. 422.881     32.529  3,252.931
  879. 333.180     25.629  2,562.923
  880. 281.921     21.686  2,168.623
  881. 222.120     17.086  1,708.615
  882. 187.947     14.457  1,445.746
  883. 148.080     11.391  1,139.077
  884. 125.298     9.638   963.831
  885. 98.720  7.594   759.385
  886. 83.532  6.426   642.554
  887. 65.813  5.063   506.254
  888. 55.688  4.284   428.369
  889. 43.875  3.375   337.500
  890. 37.125  2.856   285.577
  891. 29.250  2.25    225.000
  892. 24.750  1.904   190.385
  893. 19.500  1.5     150.000
  894. 16.500  1.269   126.923
  895. 13.000  1   100.000
  896. 11.000  0.846   84.615
  897. 8.667   0.667   66.669
  898. 7.333   0.564   56.408
  899. 5.778   0.444   44.446
  900. 4.889   0.376   37.608
  901. 3.852   0.296   29.631
  902. 3.259   0.251   25.069
  903. 2.568   0.198   19.754
  904. 2.173   0.167   16.715
  905. 1.712   0.132   13.169
  906. 1.449   0.111   11.146
  907. 1.141   0.088   8.777 */
  908.  
  909. /* this should be placed after all basic definitions
  910. like fontface, reset, elements but before 3rd-party
  911. styles with their fixes */
  912.  
  913. body {
  914.     background: transparent;
  915. }
  916.  
  917. h1 {
  918.     text-align: center;
  919.     margin-top: 0;
  920.     margin-bottom: 0;
  921.     line-height: 1.462;/*19px/13px*/
  922. }
  923.  
  924. h2,
  925. h3,
  926. h4,
  927. h5,
  928. h6 {
  929.     margin-bottom: 7px;
  930. }
  931.  
  932. h2 a,
  933. h3 a,
  934. h4 a,
  935. h5 a,
  936. h6 a {
  937.     color: inherit;
  938.     text-decoration: underline;
  939. }
  940.  
  941. p.hyphenate {
  942.     text-align: justify;
  943. }
  944.  
  945. table.strict {
  946.     border-top-width:0;
  947.     border-right-width:0;
  948.     border-bottom-color:#D1CFCF;
  949.     border-bottom-style:solid;
  950.     border-bottom-width:1px;
  951.     border-left-color:#D1CFCF;
  952.     border-left-style:solid;
  953.     border-left-width:1px;
  954. }
  955.  
  956. table.strict td,
  957. table.strict th {
  958.     background-color: transparent !important;
  959.     border-top-color:#D1CFCF;
  960.     border-top-style:solid;
  961.     border-top-width:1px;
  962.     border-right-color:#D1CFCF;
  963.     border-right-style:solid;
  964.     border-right-width:1px;
  965.     border-bottom-width:0;
  966.     border-left-width:0;
  967.     text-align: left;
  968.     vertical-align: top;
  969. }
  970.  
  971. .alert a,
  972. .error a,
  973. .notice a,
  974. .info a,
  975. .success a {
  976.     text-decoration: none;
  977. }
  978.  
  979. .alert a:hover,
  980. .error a:hover,
  981. .notice a:hover,
  982. .info a:hover,
  983. .success a:hover,
  984. .alert a:focus,
  985. .error a:focus,
  986. .notice a:focus,
  987. .info a:focus,
  988. .success a:focus {
  989.     text-decoration: underline;
  990. }
  991.  
  992. .alert p:last-child,
  993. .error p:last-child,
  994. .notice p:last-child,
  995. .info p:last-child,
  996. .success p:last-child {
  997.     margin-bottom: 0;
  998. }
  999.  
  1000. .alert,
  1001. .error {
  1002.     background: #EADED0;
  1003.     border-color: #EADED0;
  1004. }
  1005.  
  1006. .bolder {
  1007.     font-weight: 600;
  1008. }
  1009.  
  1010. .bottom {
  1011.     margin-bottom: 0;
  1012.     padding-bottom: 0;
  1013. }
  1014.  
  1015. .br {
  1016.     height: 1em;
  1017. }
  1018.  
  1019. .center {
  1020.     text-align: center;
  1021. }
  1022.  
  1023. .clear {
  1024.     clear: both;
  1025.     display: block;
  1026.     overflow: hidden;
  1027.     visibility: hidden;
  1028.     width: 0;
  1029.     height: 0;
  1030. }
  1031.  
  1032. .code pre {
  1033.     background: #E5E3D5;
  1034.     border-color: #E5E3D5;
  1035.     color: inherit;
  1036.     border-style: solid;
  1037.     border-width: 1px;
  1038. }
  1039.  
  1040. .container_12 p.center {
  1041.     text-align: center;
  1042. }
  1043.  
  1044. .container_12 p.left {
  1045.     text-align: left;
  1046. }
  1047.  
  1048. .container_12 p.right {
  1049.     text-align: right;
  1050. }
  1051.  
  1052. .error,
  1053. .alert,
  1054. .notice,
  1055. .success,
  1056. .info {
  1057.     color: inherit;
  1058.     border-radius: 3px;
  1059.     -khtml-border-radius: 3px;
  1060.     -moz-border-radius: 3px;
  1061.     -webkit-border-radius: 3px;
  1062.     border-style: solid;
  1063.     border-width: 2px;
  1064.     font-size: 0.923em;/*12px/13px*/
  1065.     margin-bottom: 20px;
  1066.     padding: 5px 7px;
  1067. }
  1068.  
  1069. .floatleft {
  1070.     float: left;
  1071. }
  1072.  
  1073. .floatright {
  1074.     float: right;
  1075. }
  1076.  
  1077. .google_ad_client {
  1078.     text-align: center;
  1079. }
  1080.  
  1081. .hide {
  1082.     display: none;
  1083. }
  1084.  
  1085. .highlight {
  1086.     font-weight: 600;
  1087.     color: #FEFEFE;
  1088.     background: #C82E3D;
  1089.     border-radius: 3px;
  1090.     -khtml-border-radius: 3px;
  1091.     -moz-border-radius: 3px;
  1092.     -webkit-border-radius: 3px;
  1093. }
  1094.  
  1095. .hr {
  1096.     border-bottom-width: 0;
  1097.     border-top-color: #D1CFCF;
  1098.     border-top-style: solid;
  1099.     border-top-width: 1px;
  1100.     clear: both;
  1101.     height: 0;
  1102.     margin: 0 10px 20px;
  1103.     max-width: 2500px;
  1104.     padding: 2px 0 0;
  1105. }
  1106.  
  1107. .info {
  1108.     background: #E9F3FD;
  1109.     border-color: #E9F3FD;
  1110. }
  1111.  
  1112. .italic {
  1113.     font-weight: 400;
  1114.     font-style: italic;
  1115. }
  1116.  
  1117. .justify {
  1118.     text-align: justify;
  1119. }
  1120.  
  1121. .larger {
  1122.     font-size: 123.1%;/*16px/13px*/
  1123. }
  1124.  
  1125. .left {
  1126.     text-align: left;
  1127. }
  1128.  
  1129. .notice,
  1130. .success {
  1131.     background: #E8E7D2;
  1132.     border-color: #E8E7D2;
  1133. }
  1134.  
  1135. .right {
  1136.     text-align: right;
  1137. }
  1138.  
  1139. .smaller {
  1140.     font-size: 84.6%;/*11px/13px*/
  1141. }
  1142.  
  1143. .subhead {
  1144.     font-size: 1.615em;/*21px/13px*/
  1145.     font-weight: 300;
  1146.     font-style: italic;
  1147.     line-height: 1.385em;/*18px/13px*/
  1148.     text-align: center;
  1149.     padding-bottom: 20px;
  1150. }
  1151.  
  1152. .top {
  1153.     margin-top: 0;
  1154.     padding-top: 0;
  1155. }
  1156.  
  1157. .underline {
  1158.     text-decoration: underline;
  1159. }
  1160.  
  1161. #div_comments_check {
  1162.     font-weight: 600;
  1163.     color: #C82E3D;
  1164. }
  1165.  
  1166. #comments_textarea {
  1167.     width: 95%;
  1168.     overflow: auto;
  1169.     margin: 0;
  1170. }
  1171.  
  1172. #copyright {
  1173.     text-align: center;
  1174.     margin-top: 0;
  1175. }
  1176.  
  1177. #copyright p {
  1178.     font-size: 0.846em;/*11px/13px*/
  1179. }
  1180.  
  1181. #copyright a,
  1182. #topnavigation a {
  1183.     color: inherit;
  1184.     text-decoration: none;
  1185. }
  1186.  
  1187. #copyright a:hover {
  1188.     text-decoration: underline;
  1189. }
  1190.  
  1191. #footer {
  1192.     background: transparent;
  1193.     border-color: transparent;
  1194.     border-style: solid;
  1195.     border-width: 1px;
  1196. }
  1197.  
  1198. #google_ad_client_728x90 {
  1199.     margin: 0 auto 20px auto;
  1200. }
  1201.  
  1202. #pagearticle {
  1203.     background: #fff;
  1204.     padding-top: 20px;
  1205.     padding-bottom: 20px;
  1206. }
  1207.  
  1208. #pagecontainer {
  1209.     margin: 0 auto;
  1210. }
  1211.  
  1212. #topbanner {
  1213.     height: 124px;
  1214.     margin: 0;
  1215.     background: transparent;
  1216. }
  1217.  
  1218. #topbannerwrapper {
  1219.     margin: 0 auto;
  1220.     padding: 0;
  1221. }
  1222.  
  1223. /*
  1224. <div id="topbar">
  1225.     <div id="topnavigation">
  1226.         <div class="grid_2">
  1227.         <div class="grid_2">
  1228.         <div class="grid_2">
  1229.         <div class="grid_2">
  1230.         <div class="grid_2">
  1231.         <div class="grid_2">
  1232.         <div class="clear"></div>
  1233.     </div>
  1234. </div>
  1235. */
  1236. #topbar {
  1237.     margin: 0 auto 13px auto;
  1238.     padding: 0;
  1239.     z-index: 100001;
  1240. }
  1241.  
  1242. /* don't use filter:... */
  1243. #topnavigation {
  1244.  
  1245.     box-shadow: 0px 3px 5px #999;
  1246.     -khtml-box-shadow: 0px 3px 5px #999;
  1247.     -moz-box-shadow: 0px 3px 5px #999;
  1248.     -webkit-box-shadow: 0px 3px 5px #999;
  1249.            
  1250.     border-radius: 0 0 5px 5px;
  1251.     -khtml-border-radius: 0 0 5px 5px;
  1252.     -moz-border-radius: 0 0 5px 5px;
  1253.     -webkit-border-radius: 0 0 5px 5px;
  1254.    
  1255.     background: #2E2E2E;
  1256.  
  1257.     opacity: 0.92;
  1258.     /* filter:alpha(opacity=92); */
  1259.  
  1260.     font-size: 13px;
  1261.     font-weight: 600;
  1262.    
  1263.     text-align: center;
  1264.     text-shadow: -1px -1px 3px #3E3E3E;
  1265.    
  1266.     color: #C2C2C2;
  1267.    
  1268.     margin-bottom: 0;
  1269.    
  1270.     cursor: pointer;
  1271. }
  1272.  
  1273. #topnavigation a {
  1274.     display: inline-block;
  1275.     padding: 5px 7px 9px 7px;
  1276. }
  1277.  
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290. /*css/images.css*/
  1291.  
  1292.  
  1293. #sprite-container-topbanner{display:inline-block;max-width:960px}
  1294. #sprite-container-topbanner div.sprite{background:transparent url(/images/banners/csg-4f8741a8111ed.jpg) no-repeat top left;margin:0;border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
  1295. #sprite-container-topbanner div.angryalien{ background-position: 0 0; width: 960px; height: 124px; }
  1296. #sprite-container-topbanner div.daily_dose_of_english{ background-position: 0 -174px; width: 960px; height: 124px; }
  1297. #sprite-container-topbanner div.fedoraproject{ background-position: 0 -348px; width: 960px; height: 124px; }
  1298. #sprite-container-topbanner div.headway{ background-position: 0 -522px; width: 960px; height: 124px; }
  1299. #sprite-container-topbanner div.irregularverbs{ background-position: 0 -696px; width: 960px; height: 124px; }
  1300. #sprite-container-topbanner div.kino35mm{ background-position: 0 -870px; width: 960px; height: 124px; }
  1301. #sprite-container-topbanner div.languagelink{ background-position: 0 -1044px; width: 960px; height: 124px; }
  1302. #sprite-container-topbanner div.visual_dictionary{ background-position: 0 -1218px; width: 960px; height: 124px; }
  1303.  
  1304.  
  1305. .star-on{display:inline-block;width:16px;height:16px;background:transparent url(/images/interface/raty/star-on.png) no-repeat top left;}
  1306. .star-off{display:inline-block;width:16px;height:16px;background:transparent url(/images/interface/raty/star-off.png) no-repeat top left;}
  1307. .star-half{display:inline-block;width:16px;height:16px;background:transparent url(/images/interface/raty/star-half.png) no-repeat top left;}
  1308.  
  1309.  
  1310.  
  1311. /*css/tipsy.css*/
  1312.  
  1313.  
  1314.  
  1315.  
  1316.  
  1317. .tipsy {
  1318.     font-size: inherit;
  1319.     position: absolute;
  1320.     padding: 5px;
  1321.     z-index: 100000;
  1322. }
  1323.  
  1324. .tipsy-inner {
  1325.     color: #FFF;
  1326.     max-width: 200px;
  1327.     padding: 5px 8px 4px 8px;
  1328.     text-align: center;
  1329.     background-color: #57524F;
  1330.     border-radius: 3px;
  1331.     -moz-border-radius: 3px;
  1332.     -khtml-border-radius: 3px;
  1333.     -webkit-border-radius: 3px;
  1334.     box-shadow: 0 2px 5px #999;
  1335.     -khtml-box-shadow: 0 2px 5px #999;
  1336.     -moz-box-shadow: 0 2px 5px #999;
  1337.     -webkit-box-shadow: 0 2px 5px #999;
  1338. }
  1339.  
  1340. /* Rounded corners */
  1341. /* .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }*/
  1342.  
  1343. /* Uncomment for shadow */
  1344. /*.tipsy-inner { box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; }*/
  1345.  
  1346. .tipsy-arrow {
  1347.     position: absolute;
  1348.     width: 0;
  1349.     height: 0;
  1350.     line-height: 0;
  1351.     border: 5px dashed #57524F;
  1352. }
  1353.  
  1354. /* Rules to colour arrows */
  1355. .tipsy-arrow-e {
  1356.     border-left-color: #57524F;
  1357. }
  1358.  
  1359. .tipsy-arrow-n {
  1360.     border-bottom-color: #57524F;
  1361. }
  1362.  
  1363. .tipsy-arrow-s {
  1364.     border-top-color: #57524F;
  1365. }
  1366.  
  1367. .tipsy-arrow-w {
  1368.     border-right-color: #57524F;
  1369. }
  1370.  
  1371. .tipsy-n .tipsy-arrow {
  1372.     top: 0px;
  1373.     left: 50%;
  1374.     margin-left: -5px;
  1375.     border-bottom-style: solid;
  1376.     border-top: none;
  1377.     border-left-color: transparent;
  1378.     border-right-color: transparent;
  1379. }
  1380.  
  1381. .tipsy-nw .tipsy-arrow {
  1382.     top: 0;
  1383.     left: 10px;
  1384.     border-bottom-style: solid;
  1385.     border-top: none;
  1386.     border-left-color: transparent;
  1387.     border-right-color: transparent;
  1388. }
  1389.  
  1390. .tipsy-ne .tipsy-arrow {
  1391.     top: 0;
  1392.     right: 10px;
  1393.     border-bottom-style: solid;
  1394.     border-top: none;
  1395.     border-left-color: transparent;
  1396.     border-right-color: transparent;
  1397. }
  1398.  
  1399. .tipsy-s .tipsy-arrow {
  1400.     bottom: 0;
  1401.     left: 50%;
  1402.     margin-left: -5px;
  1403.     border-top-style: solid;
  1404.     border-bottom: none;
  1405.     border-left-color: transparent;
  1406.     border-right-color: transparent;
  1407. }
  1408.  
  1409. .tipsy-sw .tipsy-arrow {
  1410.     bottom: 0;
  1411.     left: 10px;
  1412.     border-top-style: solid;
  1413.     border-bottom: none;
  1414.     border-left-color: transparent;
  1415.     border-right-color: transparent;
  1416. }
  1417.  
  1418. .tipsy-se .tipsy-arrow {
  1419.     bottom: 0;
  1420.     right: 10px;
  1421.     border-top-style: solid;
  1422.     border-bottom: none;
  1423.     border-left-color: transparent;
  1424.     border-right-color: transparent;
  1425. }
  1426.  
  1427. .tipsy-e .tipsy-arrow {
  1428.     right: 0;
  1429.     top: 50%;
  1430.     margin-top: -5px;
  1431.     border-left-style: solid;
  1432.     border-right: none;
  1433.     border-top-color: transparent;
  1434.     border-bottom-color: transparent;
  1435. }
  1436.  
  1437. .tipsy-w .tipsy-arrow {
  1438.     left: 0;
  1439.     top: 50%;
  1440.     margin-top: -5px;
  1441.     border-right-style: solid;
  1442.     border-left: none;
  1443.     border-top-color: transparent;
  1444.     border-bottom-color: transparent;
  1445. }
  1446.  
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454. /*css/contact.css*/
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461. #contact-container {
  1462.     width: 450px;
  1463.     height: auto;
  1464.     font-size: 13px;
  1465.     font-family: inherit !important;
  1466.     text-align: left
  1467. }
  1468.  
  1469. #contact-container #contact-cc {
  1470.     vertical-align: baseline !important
  1471. }
  1472.  
  1473. #contact-container #contact-name,
  1474. #contact-container #contact-email,
  1475. #contact-container #contact-subject,
  1476. #contact-container #contact-message {
  1477.     margin-bottom: 14px !important
  1478. }
  1479.  
  1480. #contact-container .contact-bottom {
  1481.     height: 28px;
  1482.     font-size: 13px;
  1483.     text-align: center;
  1484.     line-height: 12px;
  1485.     background-color: #FFF;
  1486.     border-radius: 0 0 8px 8px;
  1487.     -moz-border-radius-bottomleft: 8px;
  1488.     -moz-border-radius-bottomright: 8px;
  1489.     -webkit-border-bottom-left-radius: 8px;
  1490.     -webkit-border-bottom-right-radius: 8px
  1491. }
  1492.  
  1493. #contact-container .contact-bottom a,
  1494. #contact-container .contact-bottom a:link,
  1495. #contact-container .contact-bottom a:active,
  1496. #contact-container .contact-bottom a:visited {
  1497.     color: #666;
  1498.     position: relative;
  1499.     top: -4px;
  1500.     text-decoration: none
  1501. }
  1502.  
  1503. #contact-container .contact-bottom a:hover {
  1504.     color: #888
  1505. }
  1506.  
  1507. #contact-container .contact-button {
  1508.     display: inline-block;
  1509.     height: 32px !important;
  1510.     width: auto;
  1511.     position: relative;
  1512.     top: 0;
  1513.     left: 0;
  1514.     font-size: 13px;
  1515.     font-family: inherit;
  1516.     font-weight: 400;
  1517.     text-align: center;
  1518.     text-decoration: none;
  1519.     text-shadow: 0 1px 0 #fff;
  1520.     color: inherit;
  1521.     background: rgb(252,252,252);
  1522.     background: -moz-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%) !important;
  1523.     background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(252,252,252,1)),color-stop(100%,rgba(224,224,224,1)));
  1524.     background: -webkit-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%);
  1525.     background: -o-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%);
  1526.     background: -ms-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%);
  1527.     background: linear-gradient(top,rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%);
  1528.     border: 1px solid #D1CFCF;
  1529.     border-radius: 3px;
  1530.     -moz-border-radius: 3px;
  1531.     -webkit-border-radius: 3px;
  1532.     -khtml-border-radius: 3px;
  1533.     box-sizing: border-box;
  1534.     box-shadow: inset 0 1px 6px #ccc;
  1535.     -khtml-box-shadow: inset 0 1px 6px #ccc;
  1536.     -moz-box-shadow: inset 0 0 6px #ccc;
  1537.     -webkit-box-shadow: inset 0 1px 6px #ccc;
  1538.     overflow: visible;
  1539.     vertical-align: middle;
  1540.     margin: 4px 0 0 4px;
  1541.     padding: 5px 7px 8px 7px !important;
  1542.     cursor: pointer;
  1543.     zoom: 1
  1544. }
  1545.  
  1546. #contact-container .contact-button:hover {
  1547.     background: rgb(252,252,252) !important;
  1548.     background: -moz-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%) !important;
  1549.     background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(252,252,252,1)),color-stop(100%,rgba(237,237,237,1))) !important;
  1550.     background: -webkit-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%) !important;
  1551.     background: -o-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%) !important;
  1552.     background: -ms-linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%) !important;
  1553.     background: linear-gradient(top,rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%);
  1554. }
  1555.  
  1556. #contact-container .contact-cc {
  1557.     font-size: 13px;
  1558.     vertical-align: top;
  1559.     cursor: default
  1560. }
  1561.  
  1562. #contact-container .contact-content {
  1563.     height: 40px;
  1564.     color: inherit;
  1565.     background-color: #FFF
  1566. }
  1567.  
  1568. #contact-container .contact-error {
  1569.     width: 92%;
  1570.     color: #C82E3D;
  1571.     font-size: 13px;
  1572.     font-weight: 600 !important;
  1573.     background: transparent !important;
  1574.     border-color: transparent !important;
  1575.     line-height: 20px;
  1576.     margin: 0 auto;
  1577.     padding: 2px
  1578. }
  1579.  
  1580. #contact-container .contact-input {
  1581.     width: 300px;
  1582.     float: left;
  1583.     margin: 2px
  1584. }
  1585.  
  1586. #contact-container .contact-loading {
  1587.     background: url(/images/interface/simplemodal/contact/loading.gif) no-repeat;
  1588.     height: 55px;
  1589.     margin: -14px 0 0 190px;
  1590.     padding: 0;
  1591.     position: absolute;
  1592.     width: 54px;
  1593.     z-index: 8000
  1594. }
  1595.  
  1596. #contact-container .contact-message {
  1597.     text-align: center
  1598. }
  1599.  
  1600. #contact-container .contact-top {
  1601.     height: 13px;
  1602.     margin: 0;
  1603.     padding: 0;
  1604.     background-color: #FFF;
  1605.     border-radius: 8px 8px 0 0;
  1606.     -moz-border-radius-topleft: 8px;
  1607.     -moz-border-radius-topright: 8px;
  1608.     -webkit-border-top-left-radius: 8px;
  1609.     -webkit-border-top-right-radius: 8px
  1610. }
  1611.  
  1612. #contact-container a.modal-close,
  1613. #contact-container a.modal-close:link,
  1614. #contact-container a.modal-close:active,
  1615. #contact-container a.modal-close:visited {
  1616.     color: #999;
  1617.     font-size: 18px;
  1618.     font-weight: 700;
  1619.     position: absolute;
  1620.     text-decoration: none;
  1621.     right: 8px;
  1622.     top: 0
  1623. }
  1624.  
  1625. #contact-container a.modal-close:hover {
  1626.     color: #ccc
  1627. }
  1628.  
  1629. #contact-container br {
  1630.     clear: both
  1631. }
  1632.  
  1633. #contact-container form {
  1634.     margin: 0;
  1635.     padding: 0
  1636. }
  1637.  
  1638. #contact-container h1 {
  1639.     font-size: 20px;
  1640.     line-height: 20px;
  1641.     margin: 0;
  1642.     padding: 0 0 6px 12px;
  1643.     text-align: left;
  1644.     color: inherit;
  1645.     font-weight: 600 !important
  1646. }
  1647.  
  1648. #contact-container input[type="text"],
  1649. #contact-container textarea {
  1650.     font-size: 13px !important;
  1651.     font-family: inherit !important;
  1652.     color: inherit !important;
  1653.     border: 1px solid #D1CFCF !important;
  1654.     padding: 5px 7px !important
  1655. }
  1656.  
  1657. #contact-container label {
  1658.     clear: left;
  1659.     display: block;
  1660.     width: 100px;
  1661.     float: left;
  1662.     font-size: 13px;
  1663.     font-weight: 400;
  1664.     text-align: right;
  1665.     padding-right: 4px
  1666. }
  1667.  
  1668. #contact-container textarea {
  1669.     height: 60px !important;
  1670.     margin-bottom: 10px !important
  1671. }
  1672.  
  1673. #contact-overlay {
  1674.     background-color: #000;
  1675.     cursor: wait
  1676. }
  1677.  
  1678.  
  1679.  
  1680.  
  1681.  
  1682.  
  1683.  
  1684.  
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692. /*css/bootstrapcarousel.css*/
  1693.  
  1694. .carousel {
  1695.     position: relative;
  1696.     margin-bottom: 0px;
  1697.     line-height: 1;
  1698.     text-align: center
  1699. }
  1700.  
  1701. .carousel-inner {
  1702.     overflow: hidden;
  1703.     width: 100%;
  1704.     position: relative
  1705. }
  1706.  
  1707. .carousel .item {
  1708.     display: none;
  1709.     position: relative;
  1710.     -webkit-transition: 0.6s ease-in-out left;
  1711.     -moz-transition: 0.6s ease-in-out left;
  1712.     -ms-transition: 0.6s ease-in-out left;
  1713.     -o-transition: 0.6s ease-in-out left;
  1714.     transition: 0.6s ease-in-out left
  1715. }
  1716.  
  1717. .carousel .active,.carousel .next,.carousel .prev {
  1718.     display: block
  1719. }
  1720.  
  1721. .carousel .active {
  1722.     left: 0
  1723. }
  1724.  
  1725. .carousel .next,.carousel .prev {
  1726.     position: absolute;
  1727.     top: 0;
  1728.     width: 100%
  1729. }
  1730.  
  1731. .carousel .next {
  1732.     left: 100%
  1733. }
  1734.  
  1735. .carousel .prev {
  1736.     left: -100%
  1737. }
  1738.  
  1739. .carousel .next.left,.carousel .prev.right {
  1740.     left: 0
  1741. }
  1742.  
  1743. .carousel .active.left {
  1744.     left: -100%
  1745. }
  1746.  
  1747. .carousel .active.right {
  1748.     left: 100%
  1749. }
  1750.  
  1751. .carousel-control {
  1752.     text-decoration: none;
  1753.     position: absolute;
  1754.     top: 40%;
  1755.     left: 15px;
  1756.     width: 40px;
  1757.     height: 40px;
  1758.     margin-top: -20px;
  1759.     font-size: 60px;
  1760.     font-weight: 100;
  1761.     line-height: 30px;
  1762.     color: #ffffff;
  1763.     text-align: center;
  1764.     background: #222222;
  1765.     border: 3px solid #ffffff;
  1766.     -webkit-border-radius: 23px;
  1767.     -moz-border-radius: 23px;
  1768.     border-radius: 23px;
  1769.     opacity: 0.5;
  1770. /* filter:alpha(opacity=50); */
  1771. }
  1772.  
  1773. .carousel-control.right {
  1774.     left: auto;
  1775.     right: 15px
  1776. }
  1777.  
  1778. .carousel-control:hover {
  1779.     color: #ffffff;
  1780.     text-decoration: none;
  1781.     opacity: 0.9;
  1782. /* filter:alpha(opacity=90); */
  1783. }
  1784.  
  1785. .carousel-caption {
  1786.     font-size: 13px;
  1787.     text-align: left;
  1788.     position: absolute;
  1789.     left: 0;
  1790.     right: 0;
  1791.     bottom: 0;
  1792.     padding: 10px 15px 5px;
  1793.     background-color: transparent
  1794. }
  1795.  
  1796. .carousel-caption a {
  1797.     text-decoration: none;
  1798.     color: inherit;
  1799.     font-weight: 400
  1800. }
  1801.  
  1802. .carousel-caption h4,.carousel-caption p {
  1803.     color: #ffffff;
  1804.     color: inherit;
  1805.     margin-bottom: 10px
  1806. }
  1807.  
  1808. #sprite-container-topbanner div.carousel-caption {
  1809.     background-color: transparent;
  1810.     max-width: 960px;
  1811.     border-radius: 0 0 3px 3px;
  1812.     -khtml-border-radius: 0 0 3px 3px;
  1813.     -moz-border-radius: 0 0 3px 3px;
  1814.     -webkit-border-radius: 0 0 3px 3px
  1815. }
  1816.  
  1817. #sprite-container-topbanner div.daily_dose_of_english div.carousel-caption a,
  1818. #sprite-container-topbanner div.kino35mm div.carousel-caption a,
  1819. #sprite-container-topbanner div.headway div.carousel-caption a,
  1820. #sprite-container-topbanner div.fedoraproject div.carousel-caption a {
  1821.     color: #f5f5f5
  1822. }
  1823.  
  1824. #sprite-container-topbanner div.irregularverbs div.carousel-caption a {
  1825.     color: #E8E8EA
  1826. }
  1827.  
  1828. #sprite-container-topbanner div.fedoraproject div.carousel-caption {
  1829.     text-align: center
  1830. }
  1831.  
  1832. #sprite-container-topbanner div.languagelink div.carousel-caption a {
  1833.     color: #1B218E
  1834. }
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!