Test nového textu Vyřešeno

…místo pro vaše testy…

Moderátoři: Mods_junior, Mods_senior, VIP

Uživatelský avatar
Ltb
Administrátor
Master Level 8.5
Master Level 8.5
Příspěvky: 6755
Registrován: únor 03
Bydliště: Praha západ
Pohlaví: Muž
Stav:
Offline
Kontakt:

Test nového textu  Vyřešeno

Příspěvekod Ltb » 14 črc 2015 01:35

 ! Zpráva od: Ltb
Test textu


Test textu 2

Test textu 3

Test textu 4

a k tomu trochu kódu...
  1. // Configuration file
  2. $show-logo:                             true;   // true or false
  3. $center-logo:                           false;  // true or false
  4. $logo-block-padding:                    0 20px 0 0;
  5. $responsive-hide-logo:                  false;  // Hide logo on mobile devices. true or false
  6.  
  7. $show-forum-title:                      false;  // true or false
  8.  
  9. $profile-width:                         150px;
  10. $profile-side:                          left;   // left or right
  11. $post-margin:                           ($profile-width + 10px);
  12.  
  13. $use-wrapper:                           true;   // true or false
  14. $max-width:                             none;   // Maximum width. Set to "none" to make layout fluid
  15.  
  16. $split-forums:                          true;   // Changes layout of forums list. Values are true or false
  17.  
  18. $tabbed-navigation:                     false;  // true or false. Toggles tabbed navigation layout
  19.  
  20. //
  21. // Fonts
  22. //
  23.  
  24. $font-size:                             11px;   // Base font size
  25. $font-family:                           Verdana, Helvetica, Arial, sans-serif;  // Default font
  26. $line-height:                           1.4;    // Line height
  27.  
  28. $h1-font-size:                          $font-size + 13px;
  29. $h1-font-family:                        "Trebuchet MS", Arial, Helvetica, sans-serif;
  30.  
  31. $h2-font-size:                          $font-size + 8px;
  32. $h2-font-family:                        "Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif;
  33.  
  34. $paragraph-line-height:                 1.3;
  35.  
  36. $nav-primary-font-size:                 $font-size + 1px;
  37. $nav-secondary-font-size:               $font-size;
  38.  
  39. $heading-font-size:                     $font-size + 4px;
  40. $panel-heading-font-size:               $font-size + 6px;
  41.  
  42. $list-heading-font-size:                $font-size + 1px;
  43. $list-heading-line-height:              $font-size + 7px;
  44. $list-heading-font-family:              "Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif;
  45.  
  46. $forum-heading-font-size:               $list-heading-font-size + 2px;
  47. $forum-heading-font-family:             $list-heading-font-family;
  48. $forum-heading-font-weight:             500;
  49.  
  50. $button-font-size:                      $font-size + 3px;
  51. $button-line-height:                    floor(($font-size + 8px) / 2) * 2;  // Convert to even number
  52. $button-glyph-font-size:                floor($font-size / 2) * 2;  // Convert to even number
  53.  
  54. $dropdown-header-font-size:             $font-size + 2px;
  55. $dropdown-header-font-family:           Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
  56. $dropdown-header-line-height:           30px;
  57.  
  58. $forum-link-font-size:                  $font-size + 5px;
  59. $forum-link-line-height:                1.2;
  60. $forum-link-font-family:                "Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif;
  61.  
  62. $forum-list-column-font-size:           $font-size + 1px;
  63. $forum-list-last-column-font-size:      $font-size;
  64. $forum-list-description-font-size:      $font-size + 2px;
  65.  
  66. $topic-link-font-size:                  $font-size + 4px;
  67. $topic-link-font-family:                $forum-link-font-family;
  68.  
  69. $tab-font-size:                         $font-size;
  70. $tab-line-height:                       $tab-font-size * 2 + 4px;
  71.  
  72. // Posts
  73. $post-content-font-size:                $font-size + 2px;   // Post content
  74. $post-content-line-height:              1.4;
  75. $post-content-font-family:              "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  76.  
  77. $post-title-font-size:                  $font-size + 5px;
  78. $post-title-line-height:                1.25;
  79. $post-title-font-family:                $h2-font-family;
  80.  
  81. $post-signature-font-size:              $font-size + 1px;
  82. $post-quote-font-size:                  $post-content-font-size - 1px;
  83. $post-code-font-size:                   $post-content-font-size - 1px;
  84.  
  85. $post-block-title-font-size:            $post-quote-font-size;  // Quote title, code title
  86. $post-block-title-line-height:          1.6;
  87. $post-block-title-font-family:          $post-content-font-family;
  88.  
  89. $post-profile-font-size:                $font-size;
  90. $post-profile-line-height:              $line-height;
  91.  
  92. // Forms
  93. $input-button-font-size:                $font-size + 2px;
  94. $input-button-font-family:              "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  95. $bbcode-button-font-size:               $font-size + 1px;
  96.  
  97. //
  98. // Color palette
  99. //
  100.  
  101. // Absolute black and white colors. Reverse them for dark styles
  102. $black-color:                           #fff;       // Main color to mix with. Black for light styles, white for dark styles
  103. $white-color:                           #000;       // Opposite of $black-color
  104.  
  105. // Page colors
  106. $page-background:                       #181818;    // HTML element
  107. $content-background:                    #181818;    // Page inside content wrapper
  108. $content-border-color:                  #181818;    // Border color for content wrapper
  109.  
  110. // Primary colors
  111. $primary-color:                         #768fcc;    // Main color, used for links and stuff
  112. $secondary-color:                       #f06043;    // Secondary color, usually in red - yellow range
  113. $overlay-color:                         #fff;   // Text on top of sections that use colorful background.
  114. $block-background:                      #383838;    // Background of blocks
  115. $block-background-reported:             #403330;    // Background for reported posts
  116.  
  117. // Global color values
  118. $text-color:                            #bbb;   // Text color
  119. $bold-text-color:                       $black-color;   // Text color with higher contrast to background. #000 or #fff
  120. $post-text-color:                       $text-color;    // Text inside posts
  121. $link-color:                            $primary-color; // Links
  122. $link-hover-color:                      $secondary-color;   // Links, hover state
  123. $muted-color:                           mix($black-color, $content-background, 60%);    // Gray color
  124. $faint-color:                           mix($black-color, $content-background, 30%);    // Gray color
  125. $rules-color:                           lighten($secondary-color, 10%); // Forum rules
  126.  
  127. //
  128. // Calculated colors
  129. //
  130.  
  131. // Misc. DO NOT EDIT!
  132. $light:                                 if(lightness($black-color) < 50%, true, false);
  133.  
  134. // Blocks
  135. $block-background2:                     #343434;    // Blocks with .bg2 background color
  136. $block-background3:                     #303030;    // Blocks with .bg3 background color - mostly UCP/MCP and posting form
  137.  
  138. $block-border:                          #202020;    // Border color for blocks
  139. $border-radius:                         5px;        // Main border radius
  140. $block-top-border:                      lighten($block-background, 5%); // Top border of forums in forums list
  141. $block-bottom-border:                   darken($block-background, 10%);     // Bottom border of forums in forums list
  142. $block-inner-border:                    $block-bottom-border;   // Border inside blocks where there is only 1 border instead of top/bottom borders
  143.  
  144. $block-title-color:                     desaturate($link-color, 5%);    // Title inside blocks, such as post title
  145.  
  146. // Tabs
  147. $tab-color:                             desaturate($link-color, 20%);
  148. $tab-background:                        $block-background;
  149.  
  150. $tab-hover-color:                       $link-hover-color;
  151. $tab-hover-background:                  $block-background3;
  152.  
  153. $tab-selected-color:                    mix($text-color, $block-background3, 90%);
  154. $tab-selected-background:               $block-background3;
  155.  
  156. // Header
  157. $header-bg:                             $content-background;
  158. $header-text:                           #fff;
  159. $header-link:                           $overlay-color;
  160. $header-link-hover:                     mix($header-link, $header-bg, 80%);
  161.  
  162. // Primary navigation
  163. $primary-nav-bg:                        desaturate(darken($primary-color, 35%), 25%);
  164. $primary-nav-color:                     $overlay-color;
  165.  
  166. $primary-nav-selected-bg:               mix($primary-nav-bg, $content-background, 20%);
  167. $primary-nav-selected-color:            $primary-color;
  168.  
  169. $primary-nav-hover-bg:                  desaturate(darken($primary-color, 25%), 20%);
  170. $primary-nav-hover-color:               $overlay-color;
  171.  
  172. $primary-nav-alert-bg:                  $secondary-color;
  173. $primary-nav-alert-color:               $overlay-color;
  174. $primary-nav-alert-shadow:              1px 1px 3px rgba(0, 0, 0, .2);
  175.  
  176. // Secondary navigation
  177. $secondary-nav-hover-link:              $link-hover-color;
  178.  
  179. // Dropdown
  180. $dropdown-bg:                           $block-background;
  181. $dropdown-border:                       desaturate(darken($primary-color, 25%), 20%);
  182. $dropdown-shadow:                       1px 3px 5px rgba(0, 0, 0, 0.5);
  183. $dropdown-shadow-up:                    1px 0 5px rgba(0, 0, 0, 0.5);
  184. $dropdown-inner-border:                 if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%));
  185.  
  186. $dropdown-heading-top:                  $dropdown-border;
  187. $dropdown-heading-bottom:               $dropdown-heading-top;
  188. $dropdown-heading-color:                $overlay-color;
  189. $dropdown-heading-link-color:           $overlay-color;
  190. $dropdown-heading-link-hover-color:     $overlay-color;
  191.  
  192. $forum-description-color:               #fff;
  193. $forum-description-bg:                  darken(desaturate($primary-color, 25%), 10%);
  194. $forum-description-gradient-start:      rgba(255, 255, 255, .1);
  195. $forum-description-gradient-end:        rgba(255, 255, 255, 0);
  196.  
  197. // Notifications
  198. $notification-unread-bg:                mix($secondary-color, $block-background, 7%);
  199. $notification-unread-color:             $secondary-color;
  200. $notification-unread-strong-color:      #fff;
  201.  
  202. $dropdown-notification-bg:              $block-background;
  203. $dropdown-notification-hover-bg:        $block-background2;
  204. $dropdown-notification-color:           $link-color;
  205. $dropdown-notification-strong-color:    desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%);
  206.  
  207. // Panels
  208. $panel-title-color:                     desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%);
  209. $panel-title-border:                    transparent;
  210.  
  211. // Content outside of blocks
  212. $page-title-color:                      $primary-color;
  213. $stats-title-color:                     desaturate(darken($primary-color, 10%), 25%);
  214. $content-top-border:                    lighten($content-background, 10%);
  215. $content-bottom-border:                 darken($content-background, 10%);
  216. $content-inner-border:                  $content-bottom-border;
  217.  
  218. // Heading section
  219. $heading-bg:                            desaturate(darken($primary-color, 35%), 25%);
  220. $heading-border:                        $heading-bg;
  221. $heading-color:                         $overlay-color;
  222. $heading-link:                          $overlay-color;
  223. $heading-link-hover:                    mix($heading-link, $heading-bg, 80%);
  224.  
  225. // Inputs
  226. $input-text:                            $text-color;    // Input text color
  227. $input-bg:                              $white-color;   // Input background
  228. $input-border:                          #444;   // Input border color
  229. $input-hover-text:                      $input-text;
  230. $input-hover-bg:                        $input-bg;
  231. $input-hover-border:                    $secondary-color;
  232. $input-focus-text:                      $bold-text-color;
  233. $input-focus-bg:                        $input-bg;
  234. $input-focus-border:                    $primary-color;
  235. $input-border-radius:                   2px;
  236.  
  237. $search-box-border:                     desaturate(darken($primary-color, 35%), 25%);   // Border for search box block
  238. $search-box-border-header:              desaturate(darken($primary-color, 35%), 25%);       // Same as above, for search box in header
  239. $search-box-shadow:                     1px 1px 3px rgba(0, 0, 0, .1);  // Box-shadow for search box in header
  240.  
  241. // Buttons
  242. $button-bg:                             desaturate(darken($primary-color, 35%), 25%);
  243. $button-border-radius:                  3px;
  244. $button-border:                         $button-bg;
  245. $button-icon:                           #d0d0d0;
  246. $button-icon-hover:                     #fff;
  247. $button-text:                           $text-color;
  248.  
  249. $button-top-padding:                    2px;
  250. $button-side-padding:                   8px;
  251. $button-border-width:                   1px;
  252. $button-height:                         $button-line-height + ($button-top-padding + $button-border-width) * 2;
  253.  
  254. $big-button-border-radius:              4px;    // For big buttons and blocks like quick search
  255.  
  256. // BBCode
  257. $bbcode-border-radius:                  3px;
  258. $bbcode-background:                     #181818;
  259. $bbcode-background2:                    #282828;
  260. $bbcode-outer-border:                   if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 4%));
  261. $bbcode-inner-border:                   if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%));
  262. $bbcode-heading-text:                   #666;
  263.  
  264. // Code colors
  265. @function code-color($hue) {
  266.     @return hsl($hue, saturation($primary-color), lightness($primary-color));
  267. }
  268. $bbcode-code-color:                     code-color(128deg);
  269.  
  270. // Do not edit few lines below
  271. $post-side:                             if($profile-side == left, right, left);
  272.  
  273. // Mixins
  274. @mixin section {
  275.     background: $block-background;
  276.     border: 0 solid $block-border;
  277.     border-radius: $border-radius;
  278.     padding: 5px 10px;
  279.     background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, 0) 100%);
  280.     background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, 0) 100%);
  281.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#00000000);
  282. }
  283.  
  284. @mixin section-forum {
  285.     @include section;
  286.     padding: 4px;
  287. }
  288.  
  289. // Undo section mixin
  290. @mixin section-empty {
  291.     background: transparent;
  292.     border-width: 0;
  293.     border-radius: 0;
  294.     box-shadow: none;
  295.     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  296.     padding: 0;
  297. }
  298.  
  299. // Heading block
  300. @mixin section-heading {
  301.     margin: -5px -10px 5px;
  302.     border-radius: max(0, $border-radius - 1px);
  303.     border-bottom-left-radius: 0;
  304.     border-bottom-right-radius: 0;
  305.     border: 0 solid $heading-border;
  306.     padding: 6px;
  307.     text-transform: none;
  308.     font-size: $heading-font-size;
  309.     line-height: $line-height;
  310.     font-weight: normal;
  311.     color: $heading-color;
  312.     text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  313.  
  314.     background: $heading-bg url('./images/category.png') 0 0 repeat-x;
  315.     background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%), url('./images/category.png');
  316.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%), url('./images/category.png');
  317.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#18FFFFFF, endColorstr=#00FFFFFF);
  318.  
  319.     @if $border-radius > 1px {
  320.         @media (max-width: 700px) {
  321.             border-radius: 0;
  322.         }
  323.     }
  324.  
  325.     a {
  326.         color: $heading-link;
  327.         &:hover {
  328.             color: $heading-link-hover;
  329.         }
  330.     }
  331. }
  332.  
  333. @mixin section-heading-forum {
  334.     @include section-heading;
  335.     @if $split-forums == false {
  336.         margin: -5px -5px 0;
  337.     }
  338.     @else {
  339.         @include section-heading-separate;
  340.         margin: 0;
  341.     }
  342. }
  343.  
  344. @mixin section-heading-separate {
  345.     border-radius: max(0, $border-radius - 1px);
  346. }
  347.  
  348. @mixin section-heading-cp {
  349.     background-color: transparent;
  350.     color: $stats-title-color;
  351.     box-shadow: none;
  352.     background-image: none;
  353.     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  354.     a {
  355.         color: $link-color;
  356.         &:hover {
  357.             color: $link-hover-color;
  358.         }
  359.     }
  360. }
  361.  
  362. @mixin table-heading {
  363.     background: $heading-bg;
  364.     border: 0 solid $heading-border;
  365.     color: $heading-color;
  366.     background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%);
  367.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%);
  368.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30FFFFFF, endColorstr=#00FFFFFF);
  369.     box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
  370.  
  371.     @if $border-radius > 1px {
  372.         &:first-child {
  373.             border-top-left-radius: max(0, $border-radius - 1px);
  374.         }
  375.         &:last-child {
  376.             border-top-right-radius: max(0, $border-radius - 1px);
  377.         }
  378.     }
  379. }
  380.  
  381. @mixin table-heading-transparent {
  382.     background: transparent;
  383.     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  384.     box-shadow: none;
  385.     color: inherit;
  386. }
  387.  
  388. @mixin placeholder {
  389.     &::-moz-placeholder {
  390.         @content
  391.     }
  392.     &::-webkit-input-placeholder {
  393.         @content
  394.     }
  395.     &:-ms-input-placeholder {
  396.         @content
  397.     }
  398. }
  399.  
  400. @mixin tabbed-nav-layout-all {
  401.     @if ($use-wrapper) {
  402.         &, #wrap & {
  403.             @content;
  404.         }
  405.     }
  406.     @else {
  407.         @content;
  408.     }
  409. }
  410.  
  411. @mixin tabbed-nav-layout-alt {
  412.     @if ($use-wrapper) {
  413.         @content;
  414.     }
  415. }
  416.  
  417. @mixin tabbed-nav-layout-default {
  418.     @if ($use-wrapper) {
  419.         #wrap & {
  420.             @content;
  421.         }
  422.     }
  423.     @else {
  424.         @content;
  425.     }
  426. }

Reklama
  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Převod formatovaného textu na normalní.
    od BigSandy » 26 kvě 2023 07:27 » v Vše ostatní (sw)
    3
    1514
    od BigSandy Zobrazit poslední příspěvek
    26 kvě 2023 09:49
  • Ilustrator 2020 - problém textu v křivce Příloha(y)
    od showpayne » 13 srp 2023 17:50 » v Design a grafické editory
    4
    1922
    od Grander Zobrazit poslední příspěvek
    14 srp 2023 14:44
  • Test pamětí Příloha(y)
    od Zakk » 14 čer 2023 20:12 » v Problémy s hardwarem
    6
    2244
    od Zakk Zobrazit poslední příspěvek
    19 čer 2023 21:35
  • AnTuTu test S23 ultra Příloha(y)
    od 28nitro28 » 02 led 2024 19:21 » v Mobily, tablety a jiná přenosná zařízení
    2
    1057
    od 28nitro28 Zobrazit poslední příspěvek
    04 led 2024 13:12
  • Výběr nového GPU
    od Gracous » 13 bře 2024 17:26 » v Rady s výběrem hw a sestavením PC
    2
    651
    od Gracous Zobrazit poslední příspěvek
    13 bře 2024 19:51

Zpět na “TESTOVACÍ FÓRUM”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 5 hostů