├── Topics ├── 04. SASS │ ├── demos │ │ ├── styles │ │ │ ├── importing.scss │ │ │ ├── _fonts.scss │ │ │ ├── variables.scss │ │ │ ├── interpolation.scss │ │ │ ├── basic-mixins.scss │ │ │ ├── selector-inheritance.scss │ │ │ ├── loops.scss │ │ │ └── operators.scss │ │ ├── 11. importing-sass.html │ │ ├── 05. interpolation.html │ │ ├── 07. mixins-arguments.html │ │ ├── 04. variables.html │ │ ├── 09. operators-and-conditional-statements.html │ │ ├── 08. selector-inheritance.html │ │ ├── 10. loops.html │ │ └── 06. basic-mixins.html │ ├── slides │ │ ├── open.js │ │ ├── imgs │ │ │ ├── pic00.png │ │ │ ├── pic01.png │ │ │ ├── pic02.png │ │ │ ├── pic03.png │ │ │ ├── pic05.png │ │ │ ├── pic08.png │ │ │ ├── pic09.png │ │ │ ├── pic10.png │ │ │ ├── pic11.png │ │ │ ├── pic12.png │ │ │ ├── pic14.png │ │ │ ├── pic35.png │ │ │ └── contents.jpg │ │ └── package.json │ ├── homework │ │ ├── images │ │ │ ├── li-dot.png │ │ │ └── Sample Logo.png │ │ └── README.md │ └── README.md ├── 04. LESS │ ├── slides │ │ ├── open.js │ │ ├── imgs │ │ │ ├── pic00.png │ │ │ ├── pic01.png │ │ │ ├── pic02.png │ │ │ ├── pic03.png │ │ │ ├── pic04.png │ │ │ ├── pic05.png │ │ │ ├── pic06.png │ │ │ ├── pic07.png │ │ │ ├── pic08.png │ │ │ ├── pic09.png │ │ │ ├── pic10.png │ │ │ ├── pic11.png │ │ │ ├── pic12.png │ │ │ ├── pic13.png │ │ │ ├── pic14.png │ │ │ ├── pic15.png │ │ │ ├── pic16.png │ │ │ ├── pic17.png │ │ │ ├── pic18.png │ │ │ ├── pic19.png │ │ │ ├── pic20.png │ │ │ ├── pic21.png │ │ │ └── pic22.png │ │ └── package.json │ ├── homework │ │ ├── images │ │ │ ├── li-dot.png │ │ │ └── Sample Logo.png │ │ └── README.md │ ├── demos │ │ ├── LESSDemos │ │ │ ├── styles │ │ │ │ ├── client-side-less.min.css │ │ │ │ ├── client-side-less.css │ │ │ │ └── client-side-less.less │ │ │ ├── Web.config │ │ │ ├── Web.Debug.config │ │ │ ├── Web.Release.config │ │ │ ├── Properties │ │ │ │ └── AssemblyInfo.cs │ │ │ └── client-side-less.html │ │ └── LESSDemos.sln │ └── README.md ├── 03. CSS-Layout │ ├── slides │ │ ├── open.js │ │ ├── imgs │ │ │ ├── pic00.png │ │ │ ├── pic01.png │ │ │ ├── pic02.png │ │ │ ├── pic03.png │ │ │ ├── pic04.png │ │ │ ├── pic05.png │ │ │ ├── pic06.png │ │ │ ├── pic07.png │ │ │ ├── pic08.png │ │ │ ├── pic09.png │ │ │ ├── pic10.png │ │ │ ├── pic11.png │ │ │ ├── pic12.png │ │ │ ├── pic13.png │ │ │ ├── pic14.png │ │ │ ├── pic15.png │ │ │ ├── pic16.png │ │ │ ├── pic17.png │ │ │ ├── pic18.png │ │ │ ├── pic19.png │ │ │ ├── pic20.png │ │ │ ├── pic21.png │ │ │ ├── pic22.png │ │ │ ├── pic23.png │ │ │ ├── pic24.png │ │ │ ├── pic25.png │ │ │ ├── pic26.png │ │ │ ├── pic27.png │ │ │ ├── pic28.png │ │ │ ├── pic29.png │ │ │ ├── pic30.png │ │ │ ├── pic31.png │ │ │ ├── pic32.png │ │ │ ├── pic33.png │ │ │ ├── pic34.png │ │ │ ├── pic35.png │ │ │ ├── pic36.png │ │ │ ├── pic37.png │ │ │ ├── troll.png │ │ │ ├── flexbox.jpg │ │ │ ├── flexbox.png │ │ │ ├── justify.png │ │ │ ├── align-items.png │ │ │ ├── align-self.png │ │ │ └── align-content.png │ │ └── package.json │ ├── demos │ │ ├── images │ │ │ ├── arrow.gif │ │ │ └── logocss.gif │ │ ├── 06. visibility.html │ │ ├── 02. height.html │ │ ├── 08. box-model.html │ │ └── 05. display-table.html │ └── README.md ├── 04. Stylus │ ├── slides │ │ ├── open.js │ │ ├── imgs │ │ │ ├── pic00.png │ │ │ ├── pic01.png │ │ │ ├── pic02.png │ │ │ ├── pic03.png │ │ │ ├── pic04.png │ │ │ ├── pic05.png │ │ │ ├── pic06.png │ │ │ ├── pic07.png │ │ │ ├── pic08.png │ │ │ ├── pic09.png │ │ │ └── pic10.png │ │ └── package.json │ └── demos │ │ ├── 03. interpolation │ │ ├── css │ │ │ ├── main.css │ │ │ └── main.styl │ │ └── index.html │ │ ├── 06. functions │ │ ├── css │ │ │ ├── main.css │ │ │ └── main.styl │ │ └── index.html │ │ ├── 11. creating-libs │ │ ├── css │ │ │ ├── utils.css │ │ │ ├── main.styl │ │ │ ├── utils.styl │ │ │ └── main.css │ │ └── index.html │ │ ├── 02. variables │ │ ├── css │ │ │ ├── main.css │ │ │ └── main.styl │ │ └── index.html │ │ ├── 04. property-lookup │ │ ├── css │ │ │ ├── main.css │ │ │ └── main.styl │ │ └── index.html │ │ ├── 05. built-in-functions │ │ ├── css │ │ │ ├── main.css │ │ │ └── main.styl │ │ └── index.html │ │ ├── 01. selectors-and-selector-nesting │ │ ├── css │ │ │ ├── main.styl │ │ │ └── main.css │ │ └── index.html │ │ ├── 08. mixins-with-args │ │ ├── index.html │ │ └── css │ │ │ ├── main.styl │ │ │ └── main.css │ │ ├── 10. scripting │ │ ├── css │ │ │ ├── main.styl │ │ │ └── main.css │ │ └── index.html │ │ ├── 07. mixins │ │ ├── css │ │ │ ├── main.styl │ │ │ └── main.css │ │ └── index.html │ │ ├── 09. selector-inheritance(@extend) │ │ ├── css │ │ │ ├── main.styl │ │ │ └── main.css │ │ └── index.html │ │ └── index.html ├── 00. Course-Intro │ ├── slides │ │ ├── open.js │ │ ├── imgs │ │ │ ├── pic00.png │ │ │ ├── pic01.png │ │ │ ├── pic03.png │ │ │ ├── pic04.png │ │ │ ├── pic05.png │ │ │ ├── pic07.png │ │ │ ├── pic15.png │ │ │ ├── pic17.png │ │ │ ├── pic18.png │ │ │ ├── pic21.png │ │ │ ├── pic22.png │ │ │ ├── pic23.png │ │ │ ├── pic24.png │ │ │ ├── pic29.png │ │ │ ├── pic31.png │ │ │ ├── pic32.png │ │ │ └── pic33.png │ │ └── package.json │ ├── VIDEOS.md │ └── README.md ├── 01. CSS-Overview │ ├── slides │ │ ├── open.js │ │ ├── imgs │ │ │ ├── pic00.png │ │ │ ├── pic01.png │ │ │ ├── pic02.png │ │ │ ├── pic03.png │ │ │ ├── pic04.png │ │ │ ├── pic05.png │ │ │ ├── pic06.png │ │ │ ├── pic08.png │ │ │ ├── pic09.png │ │ │ ├── pic10.png │ │ │ ├── pic11.png │ │ │ ├── pic12.png │ │ │ ├── pic13.png │ │ │ ├── pic14.png │ │ │ ├── pic15.png │ │ │ ├── pic16.png │ │ │ ├── pic17.png │ │ │ ├── pic18.png │ │ │ ├── pic19.png │ │ │ ├── pic20.png │ │ │ ├── pic21.png │ │ │ ├── pic22.png │ │ │ ├── pic23.png │ │ │ ├── pic24.png │ │ │ ├── pic25.png │ │ │ ├── pic28.png │ │ │ ├── pic29.png │ │ │ ├── pic30.png │ │ │ ├── pic31.png │ │ │ ├── pic32.png │ │ │ ├── pic33.png │ │ │ ├── pic34.png │ │ │ ├── pic35.png │ │ │ ├── pic36.png │ │ │ ├── pic37.png │ │ │ ├── pic38.png │ │ │ ├── pic39.png │ │ │ ├── pic40.png │ │ │ ├── pic41.png │ │ │ ├── pic42.png │ │ │ ├── pic43.png │ │ │ ├── pic44.png │ │ │ ├── pic45.png │ │ │ ├── pic46.png │ │ │ ├── pic47.png │ │ │ ├── pic48.png │ │ │ ├── pic49.png │ │ │ ├── pic50.png │ │ │ ├── pic51.png │ │ │ └── pic52.png │ │ └── package.json │ ├── demos │ │ ├── lamp.gif │ │ ├── 5.1. Structural-selectors (root).html │ │ ├── css │ │ │ └── styles.css │ │ ├── 5.5. Structural-selectors (empty).html │ │ ├── 2.1. inline-styles.html │ │ ├── 8. size-values.html │ │ ├── 5.4. Structural-selectors (only-child).html │ │ ├── 7.2. Other-selectors (not).html │ │ ├── 6.2. UI-selectors (enabled, disabled).html │ │ ├── 5.3. Structural-selectors (first-of-type).html │ │ ├── 7.3. Other-selectors (~).html │ │ ├── 3. attribute-selectors.html │ │ ├── 6.1. UI-selectors (checked).html │ │ ├── 2.3. external-styles.html │ │ ├── 7.1. Other-selectors (target).html │ │ ├── 2.2. embed-styles.html │ │ ├── 9. color-values.html │ │ └── 1. common-selectors.html │ ├── homework │ │ └── README.md │ └── README.md └── 02. CSS-Presentation │ ├── slides │ ├── open.js │ ├── imgs │ │ ├── pic00.png │ │ ├── pic01.png │ │ ├── pic02.png │ │ ├── pic03.png │ │ ├── pic04.png │ │ ├── pic05.png │ │ ├── pic06.png │ │ ├── pic07.png │ │ ├── pic08.png │ │ ├── pic09.png │ │ ├── pic10.png │ │ ├── pic11.png │ │ ├── pic12.png │ │ ├── pic13.png │ │ ├── pic14.png │ │ ├── pic15.png │ │ ├── pic16.png │ │ ├── pic17.png │ │ ├── pic18.png │ │ ├── pic19.png │ │ ├── pic20.png │ │ ├── pic21.png │ │ ├── pic22.png │ │ ├── pic23.png │ │ ├── pic24.png │ │ ├── pic25.png │ │ ├── pic26.png │ │ ├── pic27.png │ │ ├── pic28.png │ │ ├── pic29.png │ │ ├── pic30.png │ │ ├── pic31.png │ │ ├── pic32.png │ │ ├── pic33.png │ │ ├── pic34.png │ │ ├── pic35.png │ │ ├── pic36.png │ │ ├── pic37.png │ │ ├── pic38.png │ │ ├── pic39.png │ │ ├── pic40.png │ │ └── pic41.png │ └── package.json │ ├── demos │ ├── imgs │ │ ├── dot.png │ │ ├── grass.png │ │ ├── sheep.png │ │ ├── diamond.png │ │ └── gradient.png │ ├── fonts │ │ └── SketchRockwell-Bold.ttf │ ├── 7. multiple-backgrounds.html │ ├── 5. backgrounds.html │ ├── 4. borders-other-styles.html │ └── 8. opacity.html │ ├── homework │ ├── images │ │ ├── li-dot.png │ │ └── Sample Logo.png │ └── README.md │ └── README.md ├── .DS_Store ├── Exams ├── 2016-06 │ ├── 2016-02-06-2016-Variant-1 │ │ ├── task-2 │ │ │ ├── task-2 │ │ │ │ ├── styles │ │ │ │ │ └── main.css │ │ │ │ ├── imgs │ │ │ │ │ ├── logo.png │ │ │ │ │ ├── superhero-1.jpg │ │ │ │ │ ├── superhero-2.jpg │ │ │ │ │ ├── superhero-3.jpg │ │ │ │ │ ├── superhero-4.jpg │ │ │ │ │ └── superhero-5.jpg │ │ │ │ ├── task-images │ │ │ │ │ ├── 1. initial.png │ │ │ │ │ ├── 2. hover-on-batman.png │ │ │ │ │ ├── 3. hover-on-batgirl.png │ │ │ │ │ └── 4. hover-on-read-more-link-on-nightwing.png │ │ │ │ └── index.html │ │ │ └── Solution │ │ │ │ ├── imgs │ │ │ │ ├── logo.png │ │ │ │ ├── superhero-1.jpg │ │ │ │ ├── superhero-2.jpg │ │ │ │ ├── superhero-3.jpg │ │ │ │ ├── superhero-4.jpg │ │ │ │ └── superhero-5.jpg │ │ │ │ ├── styles │ │ │ │ └── main.css │ │ │ │ └── index.html │ │ └── task-1 │ │ │ ├── task │ │ │ ├── styles │ │ │ │ └── main.css │ │ │ ├── imgs │ │ │ │ ├── fe.png │ │ │ │ ├── qa.jpg │ │ │ │ ├── web.jpg │ │ │ │ └── mobile.jpg │ │ │ ├── task-images │ │ │ │ └── initial.PNG │ │ │ └── Description.md │ │ │ └── solution │ │ │ ├── imgs │ │ │ ├── fe.png │ │ │ ├── qa.jpg │ │ │ ├── web.jpg │ │ │ └── mobile.jpg │ │ │ ├── task-images │ │ │ └── initial.PNG │ │ │ └── styles │ │ │ ├── main.css │ │ │ └── main.styl │ ├── 2016-03-06-2016-Variant-5 │ │ ├── task-2 │ │ │ ├── styles │ │ │ │ └── main.css │ │ │ ├── imgs │ │ │ │ ├── logo.png │ │ │ │ ├── superhero-1.jpg │ │ │ │ ├── superhero-2.jpg │ │ │ │ ├── superhero-3.jpg │ │ │ │ ├── superhero-4.jpg │ │ │ │ └── superhero-5.jpg │ │ │ └── task-images │ │ │ │ ├── 1.initial.jpg │ │ │ │ ├── 2.batman-hovered.jpg │ │ │ │ ├── 3.batgirl-hovered.jpg │ │ │ │ ├── 4.nightwing-hovered.jpg │ │ │ │ └── 5.redrobin-hovered.jpg │ │ └── task-1 │ │ │ ├── styles │ │ │ ├── main.css │ │ │ └── octicons │ │ │ │ ├── octicons.eot │ │ │ │ ├── octicons.ttf │ │ │ │ ├── octicons.woff │ │ │ │ ├── octicons-local.ttf │ │ │ │ ├── README.md │ │ │ │ └── LICENSE.txt │ │ │ ├── imgs │ │ │ └── heisenberg.jpg │ │ │ └── task-images │ │ │ └── result.png │ ├── 2016-03-06-2016-Variant-4 │ │ ├── task-1 │ │ │ ├── styles │ │ │ │ ├── main.css │ │ │ │ └── octicons │ │ │ │ │ ├── octicons.eot │ │ │ │ │ ├── octicons.ttf │ │ │ │ │ ├── octicons.woff │ │ │ │ │ ├── octicons-local.ttf │ │ │ │ │ ├── README.md │ │ │ │ │ └── LICENSE.txt │ │ │ ├── imgs │ │ │ │ └── heisenberg.jpg │ │ │ └── task-images │ │ │ │ └── result.png │ │ └── task-2 │ │ │ ├── styles │ │ │ ├── main.css │ │ │ └── font-awesome │ │ │ │ └── fonts │ │ │ │ ├── FontAwesome.otf │ │ │ │ ├── fontawesome-webfont.eot │ │ │ │ ├── fontawesome-webfont.ttf │ │ │ │ ├── fontawesome-webfont.woff │ │ │ │ └── fontawesome-webfont.woff2 │ │ │ ├── imgs │ │ │ ├── clip1.png │ │ │ ├── clip2.png │ │ │ ├── clip3.png │ │ │ └── playing.png │ │ │ └── task-images │ │ │ ├── 01.initial.jpg │ │ │ ├── 03.links-hovered-1.jpg │ │ │ ├── 03.links-hovered-2.jpg │ │ │ ├── 04.settings-hovered.jpg │ │ │ ├── 05.videos-hovered.jpg │ │ │ ├── 02.controlls-hovered.jpg │ │ │ └── 02.controlls-hovered.png │ ├── 2016-02-06-2016-Variant-2 │ │ ├── task-1 │ │ │ ├── styles │ │ │ │ └── main.css │ │ │ ├── imgs │ │ │ │ ├── fe.png │ │ │ │ ├── qa.jpg │ │ │ │ ├── web.jpg │ │ │ │ └── mobile.jpg │ │ │ └── task-images │ │ │ │ └── initial.png │ │ └── task-2 │ │ │ ├── styles │ │ │ └── main.css │ │ │ ├── imgs │ │ │ ├── logo.png │ │ │ ├── superhero-1.jpg │ │ │ ├── superhero-2.jpg │ │ │ ├── superhero-3.jpg │ │ │ ├── superhero-4.jpg │ │ │ └── superhero-5.jpg │ │ │ ├── task-images │ │ │ ├── 1. initial.PNG │ │ │ ├── 2. batman-hovered.PNG │ │ │ ├── 3. batgirl-hovered.PNG │ │ │ └── 4. read-more-on-red-robin-hovered.PNG │ │ │ └── index.html │ └── 2016-02-06-2016-Variant-3 │ │ ├── task-1 │ │ ├── styles │ │ │ └── main.css │ │ ├── imgs │ │ │ ├── fe.png │ │ │ ├── qa.jpg │ │ │ ├── web.jpg │ │ │ └── mobile.jpg │ │ └── task-images │ │ │ └── 1.initial.png │ │ └── task-2 │ │ ├── imgs │ │ ├── logo.png │ │ ├── superhero-1.jpg │ │ ├── superhero-2.jpg │ │ ├── superhero-3.jpg │ │ ├── superhero-4.jpg │ │ └── superhero-5.jpg │ │ ├── task-images │ │ ├── 1.initial.png │ │ ├── 2.batman-hovered.png │ │ ├── 3.batwing-hovered.png │ │ └── 4.red-robin-hovered.png │ │ ├── styles │ │ └── main.css │ │ └── index.html └── 2016-12 │ ├── 2016-05-12-Variant-1 │ ├── task-1 │ │ ├── imgs │ │ │ ├── arrow.png │ │ │ ├── earth.png │ │ │ ├── image.jpg │ │ │ ├── like.png │ │ │ ├── result.png │ │ │ ├── share.png │ │ │ ├── comment.png │ │ │ ├── ta-logo.png │ │ │ └── sprites-2.png │ │ ├── result │ │ │ └── result.png │ │ ├── README.md │ │ └── index.html │ └── task-2 │ │ ├── imgs │ │ ├── css-icon.png │ │ ├── html-icon.png │ │ └── sass-icon.png │ │ ├── result │ │ ├── initial.png │ │ ├── tab-hovered.png │ │ ├── scrolled-down.png │ │ ├── line-rule-hovered.png │ │ ├── line-selector-hovered.png │ │ └── selected-tab-hovered.png │ │ └── README.md │ ├── 2016-05-12-Variant-2 │ ├── task-1 │ │ ├── imgs │ │ │ ├── image.png │ │ │ ├── image.webp │ │ │ ├── logo.png │ │ │ ├── number.png │ │ │ ├── result.png │ │ │ ├── share.png │ │ │ ├── comment.png │ │ │ └── logo-sm.png │ │ ├── result │ │ │ └── result.png │ │ ├── README.md │ │ ├── index.html │ │ └── task-1.css │ └── task-2 │ │ ├── imgs │ │ ├── css-icon.png │ │ ├── html-icon.png │ │ └── sass-icon.png │ │ ├── result │ │ ├── initial.png │ │ ├── line-hovered.png │ │ ├── file-item-hovered.png │ │ ├── hovering-selector.png │ │ └── file-explorer-hovered.png │ │ └── README.md │ └── 2016-06-12-Variant-1 │ ├── task-1 │ ├── imgs │ │ ├── image.jpg │ │ ├── likes.png │ │ ├── result.png │ │ ├── comments.png │ │ └── icon-image.png │ ├── result │ │ └── result.png │ └── README.md │ └── task-2 │ ├── result │ ├── initial.png │ ├── breadcrumb-hovered.png │ ├── control-button-hovered.png │ └── control-button-pressed.png │ └── README.md └── LICENSE /Topics/04. SASS/demos/styles/importing.scss: -------------------------------------------------------------------------------- 1 | @import '_fonts.scss' -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/.DS_Store -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/styles/main.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/_fonts.scss: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: 28px 3 | } -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/styles/main.css: -------------------------------------------------------------------------------- 1 | body{ 2 | 3 | } -------------------------------------------------------------------------------- /Topics/04. LESS/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10000/index.html"); 2 | -------------------------------------------------------------------------------- /Topics/04. SASS/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10000/index.html"); 2 | -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10000/index.html"); 2 | -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10000/index.html"); 2 | -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10010/index.html"); 2 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10000/index.html"); 2 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/03. interpolation/css/main.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | border-bottom: 1px ridge #000; 3 | } 4 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/main.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Helvetica; 3 | } 4 | -------------------------------------------------------------------------------- /Topics/00. Course-Intro/VIDEOS.md: -------------------------------------------------------------------------------- 1 | # Videos for the Course Introduction presentation 2 | 3 | 4 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/open.js: -------------------------------------------------------------------------------- 1 | require("openurl").open("http://localhost:10000/index.html"); 2 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-1/styles/main.css: -------------------------------------------------------------------------------- 1 | #root { 2 | width: 720px; 3 | font-size: 18px; 4 | } -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/styles/main.css: -------------------------------------------------------------------------------- 1 | #root { 2 | width: 960px; 3 | font-size: 18px; 4 | } -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/styles/main.css: -------------------------------------------------------------------------------- 1 | #root { 2 | width: 1024px; 3 | font-family: Arial; 4 | } 5 | -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic02.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic04.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic06.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic07.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic08.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic09.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic10.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic11.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic12.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic13.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic14.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic15.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic16.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic17.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic18.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic19.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic20.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic21.png -------------------------------------------------------------------------------- /Topics/04. LESS/slides/imgs/pic22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/slides/imgs/pic22.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic02.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic08.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic09.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic10.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic11.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic12.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic14.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/pic35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/pic35.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/main.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Roboto; 3 | font-size: 16px; 4 | } 5 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/lamp.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/demos/lamp.gif -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic02.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic04.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic06.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic07.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic08.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic09.png -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/imgs/pic10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. Stylus/slides/imgs/pic10.png -------------------------------------------------------------------------------- /Topics/04. LESS/homework/images/li-dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/homework/images/li-dot.png -------------------------------------------------------------------------------- /Topics/04. SASS/homework/images/li-dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/homework/images/li-dot.png -------------------------------------------------------------------------------- /Topics/04. SASS/slides/imgs/contents.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/slides/imgs/contents.jpg -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/demos/images/arrow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/demos/images/arrow.gif -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic02.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic04.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic06.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic07.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic08.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic09.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic10.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic11.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic12.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic13.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic14.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic15.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic16.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic17.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic18.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic19.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic20.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic21.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic22.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic23.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic24.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic25.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic26.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic27.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic28.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic29.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic30.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic31.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic32.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic33.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic34.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic35.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic36.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/pic37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/pic37.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/troll.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/troll.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic04.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic07.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic15.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic17.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic18.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic21.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic22.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic23.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic24.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic29.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic31.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic32.png -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/imgs/pic33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/00. Course-Intro/slides/imgs/pic33.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic02.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic04.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic06.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic08.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic09.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic10.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic11.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic12.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic13.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic14.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic15.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic16.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic17.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic18.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic19.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic20.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic21.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic22.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic23.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic24.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic25.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic28.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic29.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic30.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic31.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic32.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic33.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic34.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic35.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic36.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic37.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic38.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic39.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic40.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic41.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic42.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic43.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic43.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic44.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic45.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic45.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic46.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic46.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic47.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic47.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic48.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic49.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic49.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic50.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic51.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic51.png -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/imgs/pic52.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/01. CSS-Overview/slides/imgs/pic52.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/imgs/dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/demos/imgs/dot.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/demos/06. visibility.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/demos/06. visibility.html -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/demos/images/logocss.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/demos/images/logocss.gif -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/flexbox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/flexbox.jpg -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/flexbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/flexbox.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/justify.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/justify.png -------------------------------------------------------------------------------- /Topics/04. LESS/homework/images/Sample Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. LESS/homework/images/Sample Logo.png -------------------------------------------------------------------------------- /Topics/04. SASS/homework/images/Sample Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/04. SASS/homework/images/Sample Logo.png -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/03. interpolation/css/main.styl: -------------------------------------------------------------------------------- 1 | side= 'bottom' 2 | borderType= ridge 3 | 4 | h1 5 | border-{side} 1px borderType black -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/main.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Helvetica; 3 | font-size: 16px; 4 | margin: 30px; 5 | } 6 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/imgs/grass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/demos/imgs/grass.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/imgs/sheep.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/demos/imgs/sheep.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic00.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic01.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic02.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic03.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic04.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic05.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic06.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic07.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic08.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic09.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic10.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic11.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic12.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic13.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic14.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic15.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic16.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic17.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic18.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic19.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic20.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic21.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic22.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic23.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic24.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic25.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic26.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic27.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic28.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic29.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic30.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic31.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic32.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic33.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic34.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic35.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic36.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic37.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic38.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic39.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic40.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/imgs/pic41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/slides/imgs/pic41.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/align-items.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/align-items.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/align-self.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/align-self.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-1/styles/main.css: -------------------------------------------------------------------------------- 1 | #root { 2 | width: 720px; 3 | font-size: 18px; 4 | font-family: Arial, sans-serif; 5 | } -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/imgs/diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/demos/imgs/diamond.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/imgs/gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/demos/imgs/gradient.png -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/imgs/align-content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/03. CSS-Layout/slides/imgs/align-content.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/homework/images/li-dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/homework/images/li-dot.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/arrow.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/earth.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/earth.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/image.jpg -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/like.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/like.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/result.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/share.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/image.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/image.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/image.webp -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/logo.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/number.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/number.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/result.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/share.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/image.jpg -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/likes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/likes.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/result.png -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/06. functions/css/main.css: -------------------------------------------------------------------------------- 1 | .link { 2 | color: #808080; 3 | } 4 | .link:hover { 5 | text-decoration: none; 6 | color: #5a5a5a; 7 | } 8 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/fe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/fe.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/qa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/qa.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/web.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/fe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/fe.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/qa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/qa.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/web.jpg -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/comment.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/ta-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/ta-logo.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/result/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/result/result.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/imgs/css-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/imgs/css-icon.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/comment.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/logo-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/imgs/logo-sm.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/result/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-1/result/result.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/imgs/css-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/imgs/css-icon.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/comments.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/comments.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/result/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-1/result/result.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/homework/images/Sample Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/homework/images/Sample Logo.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-1/imgs/mobile.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/logo.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-1/imgs/mobile.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/logo.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/clip1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/clip1.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/clip2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/clip2.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/clip3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/clip3.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/logo.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/sprites-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-1/imgs/sprites-2.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/imgs/html-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/imgs/html-icon.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/imgs/sass-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/imgs/sass-icon.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/result/initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/result/initial.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/imgs/html-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/imgs/html-icon.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/imgs/sass-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/imgs/sass-icon.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/result/initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/result/initial.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/icon-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-1/imgs/icon-image.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-2/result/initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-2/result/initial.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/fe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/fe.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/qa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/qa.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/web.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/playing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/imgs/playing.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/result/tab-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/result/tab-hovered.png -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/fonts/SketchRockwell-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Topics/02. CSS-Presentation/demos/fonts/SketchRockwell-Bold.ttf -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/fe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/fe.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/qa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/qa.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/imgs/mobile.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/logo.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-1.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-2.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-3.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-4.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/imgs/superhero-5.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-1.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-2.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-3.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-4.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/imgs/superhero-5.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/imgs/heisenberg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-1/imgs/heisenberg.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/imgs/heisenberg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-1/imgs/heisenberg.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-1.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-2.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-3.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-4.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/imgs/superhero-5.jpg -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/result/scrolled-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/result/scrolled-down.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/result/line-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/result/line-hovered.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/web.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/logo.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/task-images/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-1/task-images/result.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/task-images/result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-1/task-images/result.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/imgs/mobile.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-1/task-images/initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-1/task-images/initial.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-1/task-images/1.initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-1/task-images/1.initial.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/1.initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/1.initial.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/1.initial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/1.initial.jpg -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/result/line-rule-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/result/line-rule-hovered.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/result/file-item-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/result/file-item-hovered.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/result/hovering-selector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/result/hovering-selector.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-2/result/breadcrumb-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-2/result/breadcrumb-hovered.png -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/06. functions/css/main.styl: -------------------------------------------------------------------------------- 1 | fontColor= (#fff/2) 2 | .link 3 | color fontColor 4 | &:hover 5 | text-decoration none 6 | color darken(fontColor, 30%) 7 | 8 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-1.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-2.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-3.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-4.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/imgs/superhero-5.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/1. initial.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/1. initial.PNG -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/01.initial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/01.initial.jpg -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/result/line-selector-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/result/line-selector-hovered.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/result/selected-tab-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-1/task-2/result/selected-tab-hovered.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/result/file-explorer-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-05-12-Variant-2/task-2/result/file-explorer-hovered.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/task-images/initial.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/task-images/initial.PNG -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-1.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-2.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-3.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-4.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/imgs/superhero-5.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons.eot -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons.ttf -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons.woff -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons.eot -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons.ttf -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons.woff -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-2/result/control-button-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-2/result/control-button-hovered.png -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-2/result/control-button-pressed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-12/2016-06-12-Variant-1/task-2/result/control-button-pressed.png -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/11. creating-libs/css/utils.css: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | zoom: 1; 3 | } 4 | .clearfix:after { 5 | content: ''; 6 | display: block; 7 | clear: both; 8 | height: 0; 9 | } 10 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/task-images/initial.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/task-images/initial.PNG -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/styles/main.css: -------------------------------------------------------------------------------- 1 | #root { 2 | width: 1024px; 3 | font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 4 | } 5 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/2.batman-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/2.batman-hovered.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/2.batman-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/2.batman-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/1. initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/1. initial.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/2. batman-hovered.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/2. batman-hovered.PNG -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/3. batgirl-hovered.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/3. batgirl-hovered.PNG -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/3.batwing-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/3.batwing-hovered.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/4.red-robin-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-3/task-2/task-images/4.red-robin-hovered.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons-local.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/octicons-local.ttf -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/03.links-hovered-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/03.links-hovered-1.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/03.links-hovered-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/03.links-hovered-2.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/04.settings-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/04.settings-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/05.videos-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/05.videos-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons-local.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/octicons-local.ttf -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/3.batgirl-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/3.batgirl-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/4.nightwing-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/4.nightwing-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/5.redrobin-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-5/task-2/task-images/5.redrobin-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/02.controlls-hovered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/02.controlls-hovered.jpg -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/02.controlls-hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/task-images/02.controlls-hovered.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/2. hover-on-batman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/2. hover-on-batman.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/3. hover-on-batgirl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/3. hover-on-batgirl.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/4. read-more-on-red-robin-hovered.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-2/task-2/task-images/4. read-more-on-red-robin-hovered.PNG -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-03-06-2016-Variant-4/task-2/styles/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/variables.scss: -------------------------------------------------------------------------------- 1 | $link-color: #ffffff; 2 | $v-link-color: #646363; 3 | 4 | body { 5 | a { 6 | color: $link-color; 7 | 8 | &:visited { 9 | color: $v-link-color; 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/4. hover-on-read-more-link-on-nightwing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TelerikAcademy/CSS/HEAD/Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/task-images/4. hover-on-read-more-link-on-nightwing.png -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/README.md: -------------------------------------------------------------------------------- 1 | If you intend to install Octicons locally, install `octicons-local.ttf`. It should appear as “github-octicons” in your font list. It is specially designed not to conflict with GitHub's web fonts. 2 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/README.md: -------------------------------------------------------------------------------- 1 | If you intend to install Octicons locally, install `octicons-local.ttf`. It should appear as “github-octicons” in your font list. It is specially designed not to conflict with GitHub's web fonts. 2 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/interpolation.scss: -------------------------------------------------------------------------------- 1 | $border-side:top; 2 | $border-color:lightgreen; 3 | $border-style:ridge; 4 | $border-width:15px; 5 | 6 | body 7 | { 8 | div{ 9 | border-#{$border-side}:$border-width $border-style $border-color; 10 | } 11 | } -------------------------------------------------------------------------------- /Topics/04. SASS/demos/11. importing-sass.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SASS - Importing SASS files 6 | 7 | 8 | 9 |

Text

10 | 11 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/02. variables/css/main.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #ccc; 3 | color: #59f; 4 | } 5 | .link { 6 | color: #227aff; 7 | text-decoration: underline; 8 | } 9 | .link:hover { 10 | cursor: pointer; 11 | text-decoration: none; 12 | box-shadow: 3px 3px 5px #8f8f8f; 13 | } 14 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/05. interpolation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SASS - Variables and Interpolation 5 | 6 | 7 | 8 |
9 | Text 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/03. interpolation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Interpolation 6 | 7 | 8 | 9 |

Interpolation

10 | 11 | 12 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/04. property-lookup/css/main.css: -------------------------------------------------------------------------------- 1 | .box { 2 | display: inline-block; 3 | width: 150px; 4 | height: 100px; 5 | margin: 5px; 6 | background-color: #59f; 7 | border: 3px solid #005fee; 8 | border-radius: 100px; 9 | } 10 | .box:hover { 11 | background-color: #a60; 12 | border-color: #ffa011; 13 | } 14 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/07. mixins-arguments.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SASS - Mixins with Arguments 5 | 6 | 7 | 8 |
9 |
10 | text in a box 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/02. variables/css/main.styl: -------------------------------------------------------------------------------- 1 | fontColor= #59f 2 | bgColor= #ccc 3 | 4 | body 5 | background-color bgColor 6 | color fontColor 7 | 8 | .link 9 | color darken(fontColor, 15%) 10 | text-decoration underline 11 | &:hover 12 | cursor pointer 13 | text-decoration none 14 | box-shadow 3px 3px 5px darken(bgColor, 30%) 15 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/06. functions/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Functions 6 | 7 | 8 | 9 |

Look at the Stylus file

10 | 11 | 12 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/basic-mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix{ 2 | zoom:1; 3 | &:after{ 4 | display:block; 5 | content:""; 6 | height:0; 7 | clear:both; 8 | } 9 | } 10 | 11 | body { 12 | ul{ 13 | list-style-type:none; 14 | @include clearfix; 15 | li{ 16 | float:left; 17 | padding:0; 18 | margin:0; 19 | a{ 20 | padding:5px; 21 | } 22 | } 23 | } 24 | } -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-4/task-1/styles/octicons/LICENSE.txt: -------------------------------------------------------------------------------- 1 | (c) 2012-2016 GitHub 2 | 3 | When using the GitHub logos, be sure to follow the GitHub logo guidelines (https://github.com/logos) 4 | 5 | Font License: SIL OFL 1.1 (http://scripts.sil.org/OFL) 6 | Applies to all font files 7 | 8 | Code License: MIT (http://choosealicense.com/licenses/mit/) 9 | Applies to all other files 10 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-03-06-2016-Variant-5/task-1/styles/octicons/LICENSE.txt: -------------------------------------------------------------------------------- 1 | (c) 2012-2016 GitHub 2 | 3 | When using the GitHub logos, be sure to follow the GitHub logo guidelines (https://github.com/logos) 4 | 5 | Font License: SIL OFL 1.1 (http://scripts.sil.org/OFL) 6 | Applies to all font files 7 | 8 | Code License: MIT (http://choosealicense.com/licenses/mit/) 9 | Applies to all other files 10 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/5.1. Structural-selectors (root).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Root selector 6 | 13 | 14 | 15 | 16 |

17 |

A paragraph.

18 |

Another paragraph.

19 | 20 | 21 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/css/styles.css: -------------------------------------------------------------------------------- 1 | /* CSS Document */ 2 | 3 | a { text-decoration: none } 4 | 5 | a:hover { text-decoration: underline; 6 | color: red; 7 | background-color: #CCFFCC } 8 | 9 | li em { color: red; 10 | font-weight: bold } 11 | 12 | ul { margin-left: 2cm } 13 | 14 | ul ul { text-decoration: underline; 15 | margin-left: .5cm } 16 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/05. built-in-functions/css/main.css: -------------------------------------------------------------------------------- 1 | .normal, 2 | .darker, 3 | .lighter { 4 | font-size: 24px; 5 | font-weight: bold; 6 | } 7 | .normal { 8 | color: #808080; 9 | } 10 | .darker { 11 | color: #464646; 12 | } 13 | .lighter { 14 | color: #b9b9b9; 15 | } 16 | .link { 17 | color: #808080; 18 | } 19 | .link:hover { 20 | text-decoration: none; 21 | color: #5a5a5a; 22 | } 23 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/5.5. Structural-selectors (empty).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Empty 6 | 13 | 14 | 15 | 16 | 17 |

18 |

A paragraph.

19 |

Another paragraph.

20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/01. selectors-and-selector-nesting/css/main.styl: -------------------------------------------------------------------------------- 1 | .horizontal-list 2 | list-style-type none 3 | 4 | .list-item 5 | float left 6 | border-right 1px solid #ccc 7 | 8 | &:last-of-type 9 | border-right none 10 | .link 11 | color #59f 12 | display inline-block 13 | padding 5px 15px 14 | text-decoration none 15 | &:hover 16 | text-decoration underline 17 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/08. mixins-with-args/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Selectors and Selector Nesting 6 | 7 | 8 | 9 | Click me 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/2.1. inline-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Inline Styles 6 | 7 | 8 | 9 |

Here is some text

10 | 11 |

Here is some more text

12 |

Even more text

14 | 15 | 16 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/04. variables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SASS - Variables 5 | 6 | 7 | 8 |
9 | Google 10 | Cats 11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/selector-inheritance.scss: -------------------------------------------------------------------------------- 1 | .clearfix{ 2 | zoom:1; 3 | &:after{ 4 | display:block; 5 | height:0; 6 | content:""; 7 | clear:both; 8 | } 9 | } 10 | 11 | body { 12 | 13 | ul{ 14 | @extend .clearfix; 15 | 16 | li{ 17 | float:left; 18 | margin-left:15px; 19 | background-color:#f19d9d; 20 | 21 | &:nth-of-type(2n){ 22 | background-color:#037e8e; 23 | } 24 | } 25 | } 26 | } -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/05. built-in-functions/css/main.styl: -------------------------------------------------------------------------------- 1 | fontColor= (#fff/2) 2 | .normal 3 | .darker 4 | .lighter 5 | font-size 24px 6 | font-weight bold 7 | 8 | .normal 9 | color fontColor 10 | .darker 11 | color darken(fontColor, 45%) 12 | .lighter 13 | color lighten(fontColor, 45%) 14 | 15 | .link 16 | color fontColor 17 | &:hover 18 | text-decoration none 19 | color darken(fontColor, 30%) 20 | 21 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/09. operators-and-conditional-statements.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SASS - Operators 6 | 7 | 8 | 9 | Link 10 | Link 11 | Link 12 | 13 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/8. size-values.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CSS Values 6 | 15 | 16 | 17 | 18 |

Header 1

19 |

Header 2

20 | 21 | 22 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/04. property-lookup/css/main.styl: -------------------------------------------------------------------------------- 1 | .box 2 | bgColor= #59f 3 | borderColor= darken(bgColor, 30%) 4 | side= 150px 5 | display inline-block 6 | width side 7 | height (2*@width/3) 8 | margin 5px 9 | background-color bgColor 10 | border 3px solid borderColor 11 | border-radius min(@width, @height) 12 | &:hover 13 | background-color invert(bgColor) 14 | border-color invert(borderColor) 15 | 16 | 17 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/04. property-lookup/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Property lookup 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/01. selectors-and-selector-nesting/css/main.css: -------------------------------------------------------------------------------- 1 | .horizontal-list { 2 | list-style-type: none; 3 | } 4 | .horizontal-list .list-item { 5 | float: left; 6 | border-right: 1px solid #ccc; 7 | } 8 | .horizontal-list .list-item:last-of-type { 9 | border-right: none; 10 | } 11 | .link { 12 | color: #59f; 13 | display: inline-block; 14 | padding: 5px 15px; 15 | text-decoration: none; 16 | } 17 | .link:hover { 18 | text-decoration: underline; 19 | } 20 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/08. selector-inheritance.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SASS - Selector Inheritance 5 | 6 | 7 | 8 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/7. multiple-backgrounds.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/10. scripting/css/main.styl: -------------------------------------------------------------------------------- 1 | box(bgColor, side) 2 | width side 3 | height @width 4 | background-color bgColor 5 | borderColor= darken(bgColor, 25%) 6 | if dark(bgColor) 7 | borderColor= lighten(bgColor, 25%) 8 | border 15px solid borderColor 9 | .box 10 | display inline-block 11 | margin 15px 12 | 13 | bgColors= #ccc #222 #123 #321 #678910 #abcdef #f77 #00f 14 | 15 | i=1 16 | for bgColor in bgColors 17 | .box-{i} 18 | box(bgColor, 200px) 19 | i+=1 20 | 21 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/styles/client-side-less.min.css: -------------------------------------------------------------------------------- 1 | body,div,ul,li,a{margin:0;padding:0}body{background-color:#888}body aside{width:300px}body ul.list-view{background:#a2a2a2;list-style-type:none}body ul.list-view li{display:block;border:none;border-bottom:1px solid #000}body ul.list-view li a{color:#fff;text-decoration:none}body ul.list-view li ul{display:none;margin-left:15px}body ul.list-view li:last-of-type{border:none}body ul.list-view li:hover>a{text-decoration:underline}body ul.list-view li:hover>ul{display:block} -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/08. mixins-with-args/css/main.styl: -------------------------------------------------------------------------------- 1 | vendor(prop, args) 2 | -webkit-{prop} args 3 | -moz-{prop} args 4 | {prop} args 5 | .button 6 | vendor('opacity', 0.5) 7 | vendor('border-radius', 5px) 8 | 9 | display inline-block 10 | padding 5px 15px 11 | color black 12 | text-decoration none 13 | background #ddd 14 | box-shadow 3px 2px 1px #ccc 15 | border 1px solid #222 16 | font-size 14px 17 | font-family Corbel 18 | 19 | &:hover 20 | box-shadow -3px -2px 1px #ccc -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/05. built-in-functions/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Built-in functions 6 | 7 | 8 | 9 |

Lighter color

10 |

Normal color

11 |

Darken color

12 | More at 13 | 14 | 15 | -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/demos/02. height.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CSS Display - Height 5 | 14 | 15 | 16 |
17 | ala bala 18 |
19 | 20 | ala bala 21 | 22 | 23 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/07. mixins/css/main.styl: -------------------------------------------------------------------------------- 1 | clear-fix() 2 | zoom 1 3 | &:after 4 | content '' 5 | display block 6 | clear both 7 | height 0 8 | 9 | .horizontal-list 10 | list-style-type none 11 | clear-fix() 12 | 13 | .list-item 14 | float left 15 | border-right 1px solid #ccc 16 | 17 | &:last-of-type 18 | border-right none 19 | .link 20 | color #59f 21 | display inline-block 22 | padding 5px 15px 23 | text-decoration none 24 | &:hover 25 | text-decoration underline -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/08. mixins-with-args/css/main.css: -------------------------------------------------------------------------------- 1 | .button { 2 | -webkit-opacity: 0.5; 3 | -moz-opacity: 0.5; 4 | opacity: 0.5; 5 | -webkit-border-radius: 5px; 6 | -moz-border-radius: 5px; 7 | border-radius: 5px; 8 | display: inline-block; 9 | padding: 5px 15px; 10 | color: #000; 11 | text-decoration: none; 12 | background: #ddd; 13 | box-shadow: 3px 2px 1px #ccc; 14 | border: 1px solid #222; 15 | font-size: 14px; 16 | font-family: Corbel; 17 | } 18 | .button:hover { 19 | box-shadow: -3px -2px 1px #ccc; 20 | } 21 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/5.4. Structural-selectors (only-child).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Only-child 6 | 11 | 12 | 13 | 14 | 15 |
16 |

This is a paragraph.

17 |
18 | 19 |
This is a span. 20 |

This is a paragraph.

21 |
22 | 23 |

Note: Internet Explorer does not support the :only-child selector.

24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/09. selector-inheritance(@extend)/css/main.styl: -------------------------------------------------------------------------------- 1 | .clear-fix 2 | zoom 1 3 | &:after 4 | content '' 5 | display block 6 | clear both 7 | height 0 8 | 9 | .horizontal-list 10 | list-style-type none 11 | @extend .clear-fix 12 | 13 | .list-item 14 | float left 15 | border-right 1px solid #ccc 16 | 17 | &:last-of-type 18 | border-right none 19 | .link 20 | color #59f 21 | display inline-block 22 | padding 5px 15px 23 | text-decoration none 24 | &:hover 25 | text-decoration underline -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/Web.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/02. variables/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Variables 6 | 7 | 8 | 9 |

Welcome to our site

10 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus nam quo, suscipit, animi delectus quos asperiores commodi distinctio officiis fuga harum beatae. Ea iure harum earum, vero est voluptates. Tempore?

11 | 12 | 13 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/10. scripting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Conditionals and Iteration 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/07. mixins/css/main.css: -------------------------------------------------------------------------------- 1 | .horizontal-list { 2 | list-style-type: none; 3 | zoom: 1; 4 | } 5 | .horizontal-list:after { 6 | content: ''; 7 | display: block; 8 | clear: both; 9 | height: 0; 10 | } 11 | .horizontal-list .list-item { 12 | float: left; 13 | border-right: 1px solid #ccc; 14 | } 15 | .horizontal-list .list-item:last-of-type { 16 | border-right: none; 17 | } 18 | .link { 19 | color: #59f; 20 | display: inline-block; 21 | padding: 5px 15px; 22 | text-decoration: none; 23 | } 24 | .link:hover { 25 | text-decoration: underline; 26 | } 27 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/10. loops.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SASS - Loops 6 | 7 | 8 | 9 |
10 |
11 |
12 |

13 |

14 |

15 |
DIV
16 |
SECTION
17 |

PARAGRAPH

18 |
ARTICLE
19 | 20 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/loops.scss: -------------------------------------------------------------------------------- 1 | @for $index from 1 through 3 { 2 | .margin-left-#{$index} { 3 | margin-left: $index * 10% 4 | } 5 | } 6 | 7 | $i: 0; 8 | @while $i < 6 { 9 | .width-#{$i} { 10 | width: $i * 20% 11 | } 12 | $i: $i + 2 13 | } 14 | 15 | .italic-font { width: 50% } 16 | $selectors: div p section article; 17 | 18 | @each $s in $selectors { 19 | #{$s} { 20 | @extend .italic-font 21 | } 22 | } 23 | 24 | div, p, section, article { 25 | width: 50px; 26 | height: 50px; 27 | border: 1px solid black; 28 | margin-top: 10px 29 | } -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/7.2. Other-selectors (not).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | NOT 6 | 12 | 13 | 14 | 15 | 16 |

This is a heading

17 | 18 | This is some text in a span element. 19 | 20 |

This is a paragraph.

21 |

This is another paragraph.

22 | 23 |
This is some text in a div element.
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/demos/08. box-model.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CSS Box Model 5 | 16 | 17 | 18 |
Before content
19 |
20 | Content 21 |
22 |
After content
23 | 24 | 25 | -------------------------------------------------------------------------------- /Topics/04. SASS/demos/styles/operators.scss: -------------------------------------------------------------------------------- 1 | .large-font { 2 | font-size: 10px + 15px - 5px + (333px * 10) % (48 / 2) 3 | } 4 | 5 | .funny-background { 6 | background-color: #aabbcc + #1a00cc 7 | } 8 | 9 | $color: brown; 10 | 11 | @if(10 + 4 < 15) { 12 | $color: darkgreen 13 | } @else if(4 > 5 or 3 <= 4) { 14 | $color: darkblue 15 | } @else if(4 > 5 and 3 <= 4) { 16 | $color: pink 17 | } @else if(not 4 > 5) { 18 | $color: red 19 | } @else if(4 != 5) { 20 | $color: yellowgreen 21 | } 22 | 23 | .link { 24 | color: #{$color} 25 | } 26 | 27 | @if(3 == 3) { 28 | a { 29 | display: block 30 | } 31 | } -------------------------------------------------------------------------------- /Topics/04. SASS/demos/06. basic-mixins.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SASS - Basic Mixins 5 | 6 | 7 | 8 | 9 | 23 |
24 | Text that should not be floated 25 |
26 | 27 | 28 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/6.2. UI-selectors (enabled, disabled).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Enabled, Disabled 6 | 15 | 16 | 17 | 18 | 19 |
20 | First name:
Last name:
Country:
22 |
23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/11. creating-libs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Creating Libs 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/5.3. Structural-selectors (first-of-type).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | First-of-type 6 | 14 | 15 | 16 | 17 |

This is a heading

18 |

The first paragraph.

19 |

The second paragraph.

20 |

The third paragraph.

21 |

The fourth paragraph.

22 |
23 |

The first paragraph.

24 |

The second paragraph.

25 |

The third paragraph.

26 |

The fourth paragraph.

27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/09. selector-inheritance(@extend)/css/main.css: -------------------------------------------------------------------------------- 1 | .clear-fix, 2 | .horizontal-list { 3 | zoom: 1; 4 | } 5 | .clear-fix:after, 6 | .horizontal-list:after { 7 | content: ''; 8 | display: block; 9 | clear: both; 10 | height: 0; 11 | } 12 | .horizontal-list { 13 | list-style-type: none; 14 | } 15 | .horizontal-list .list-item { 16 | float: left; 17 | border-right: 1px solid #ccc; 18 | } 19 | .horizontal-list .list-item:last-of-type { 20 | border-right: none; 21 | } 22 | .link { 23 | color: #59f; 24 | display: inline-block; 25 | padding: 5px 15px; 26 | text-decoration: none; 27 | } 28 | .link:hover { 29 | text-decoration: underline; 30 | } 31 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/7.3. Other-selectors (~).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ~ selector 6 | 11 | 12 | 13 | 14 | 15 |
A div element.
16 | 21 | 22 |

The first paragraph.

23 | 28 | 29 |

Another list

30 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/3. attribute-selectors.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Attribute selectors 6 | 19 | 20 | 21 | 22 | 23 | Go to Telerik Academy 24 | Go to Telerik Academy 25 | 26 | 27 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/6.1. UI-selectors (checked).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Checked 6 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | Male
18 | Female
19 | I have a bike
20 | I have a car 21 |
22 | 23 |

Note: This example works properly only in Opera and IE10!

24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Topics/04. SASS/homework/README.md: -------------------------------------------------------------------------------- 1 | SASS 2 | ==== 3 | 4 | ### Problem 1. Forum Post 5 | * Implement the following using SASS 6 | * Use the [HTML](https://github.com/TelerikAcademy/CSS/blob/master/Topics/04.%20SASS/homework/homework.html) code 7 | * Make the SASS easy to change (backgrounds, fonts) 8 | * Use mixins for clears, gradients 9 | 10 | ![picture1](https://cloud.githubusercontent.com/assets/3619393/7184114/1f79cb80-e464-11e4-9a3d-5c916c0390ce.png) 11 | 12 | ### Problem 2. Web Gallery 13 | * Create a web gallery 14 | * Use only HTML, SASS, and CSS 15 | * List images 16 | * When an image is selected, show it zoomed 17 | 18 | ![picture2](https://cloud.githubusercontent.com/assets/3619393/7185067/4abe223c-e469-11e4-80a7-e6750fa89e63.png) 19 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/2.3. external-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Importing style sheets 6 | 7 | 8 | 9 | 10 |

Shopping list for Monday:

11 | 24 | Go to the Grocery store 26 | 27 | 28 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/01. selectors-and-selector-nesting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Selectors and Selector Nesting 6 | 7 | 8 | 9 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/07. mixins/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Mixins 6 | 7 | 8 | 9 | 16 |

After the list (should be on a new line)

17 | 18 | 19 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/7.1. Other-selectors (target).html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Target 6 | 11 | 12 | 13 | 14 | 15 |

This is a heading

16 | 17 |

Jump to New content 1

18 |

Jump to New content 2

19 | 20 |

Click on the links above and the :target selector will add an image in front of the current active HTML anchor.

21 | 22 |

23 | New content 1...

24 |

25 | New content 2...

26 | 27 |

Note: Internet Explorer does not support the :target selector.

28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/styles/client-side-less.css: -------------------------------------------------------------------------------- 1 | body, 2 | div, 3 | ul, 4 | li, 5 | a { 6 | margin: 0; 7 | padding: 0; 8 | } 9 | body { 10 | background-color: #888888; 11 | } 12 | body aside { 13 | width: 300px; 14 | } 15 | body ul.list-view { 16 | background: #a2a2a2; 17 | list-style-type: none; 18 | } 19 | body ul.list-view li { 20 | display: block; 21 | border: none; 22 | border-bottom: 1px solid #000000; 23 | } 24 | body ul.list-view li a { 25 | color: white; 26 | text-decoration: none; 27 | } 28 | body ul.list-view li ul { 29 | display: none; 30 | margin-left: 15px; 31 | } 32 | body ul.list-view li:last-of-type { 33 | border: none; 34 | } 35 | body ul.list-view li:hover > a { 36 | text-decoration: underline; 37 | } 38 | body ul.list-view li:hover > ul { 39 | display: block; 40 | } 41 | -------------------------------------------------------------------------------- /Topics/04. LESS/homework/README.md: -------------------------------------------------------------------------------- 1 | LESS 2 | ==== 3 | 4 | ### Problem 1. Forum Post 5 | * Implement the following using a preprocessor of your choice - LESS/SASS/Stylus 6 | * Use the [HTML](https://github.com/TelerikAcademy/CSS/blob/master/Topics/04.%20LESS/homework/homework.html) code 7 | * Create the LESS easy to change (backgrounds, fonts) 8 | * Use mixins for clears, gradients) 9 | 10 | ![picture1](https://cloud.githubusercontent.com/assets/3619393/7184114/1f79cb80-e464-11e4-9a3d-5c916c0390ce.png) 11 | 12 | ### Problem 2. Web Gallery 13 | * Create a web gallery 14 | * Use only HTML, CSS and a preprocessor of your choice - LESS/SASS/Stylus 15 | * List images 16 | * When a image is selected, show it zoomed 17 | 18 | ![picture2](https://cloud.githubusercontent.com/assets/3619393/7185067/4abe223c-e469-11e4-80a7-e6750fa89e63.png) 19 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/09. selector-inheritance(@extend)/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus: Selector inheritance (@extend) 6 | 7 | 8 | 9 | 16 |

After the list (should be on a new line)

17 | 18 | 19 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/11. creating-libs/css/main.styl: -------------------------------------------------------------------------------- 1 | @import 'utils.styl' 2 | .box 3 | width 150px 4 | height @width 5 | float left 6 | .box-1 7 | linearGradient(green pink) 8 | .box-2 9 | linearGradient((green 45%) (pink 90%)) 10 | .box-3 11 | linearGradient((green 15%) white (pink 90%)) 12 | 13 | // background: -moz-linear-gradient(top, fromColor fromPos, toColor toPos); 14 | // background: -webkit-gradient(linear, left top, left bottom, color-stop(fromPos,fromColor), color-stop(toPos,toColor)); 15 | // background: -webkit-linear-gradient(top, fromColor fromPos,toColor toPos); 16 | // background: -o-linear-gradient(top, fromColor fromPos,toColor toPos); 17 | // background: -ms-linear-gradient(top, fromColor fromPos,toColor toPos); 18 | // background: linear-gradient(to bottom, fromColor fromPos,toColor toPos); 19 | 20 | -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/README.md: -------------------------------------------------------------------------------- 1 | # Task 1 - Post 2 | 3 | ## Description - read carefully! 4 | - Style the web page in `index.html` so that it looks exactly like the web page from [the example pictures](./result). 5 | - **Images**: You can use the images in `imgs` folder when styling the web page. 6 | - **Fonts**: You should use the generic fonts `serif` and `sans-serif` 7 | 8 | ## Requirements 9 | - You should modify `task-1.css` **only**! 10 | - **DO NOT** modify the contents of `index.html`! 11 | - Send a **.zip** file with **both .css** files from both tasks. 12 | - The solution is not required to be pixel perfect. Your solution is required to maintain the ratios from the sample images. Font sizes and sizes will not affect your score, as long as you solution looks like the provided images. 13 | 14 | ## Pictures 15 | - -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-1/README.md: -------------------------------------------------------------------------------- 1 | # Task 1 - Post 2 | 3 | ## Description - read carefully! 4 | - Style the web page in `index.html` so that it looks exactly like the web page from [the example pictures](./result). 5 | - **Images**: You can use the images in `imgs` folder when styling the web page. 6 | - **Fonts**: You should use the generic fonts `serif` and `sans-serif` 7 | 8 | ## Requirements 9 | - You should modify `task-1.css` **only**! 10 | - **DO NOT** modify the contents of `index.html`! 11 | - Send a **.zip** file with **both .css** files from both tasks. 12 | - The solution is not required to be pixel perfect. Your solution is required to maintain the ratios from the sample images. Font sizes and sizes will not affect your score, as long as you solution looks like the provided images. 13 | 14 | ## Pictures 15 | - -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/README.md: -------------------------------------------------------------------------------- 1 | # Task 1 - Post 2 | 3 | ## Description - read carefully! 4 | - Style the web page in `index.html` so that it looks exactly like the web page from [the example pictures](./result). 5 | - **Images**: You can use the images in `imgs` folder when styling the web page. 6 | - **Fonts**: You should use the generic fonts `serif` and `sans-serif` 7 | 8 | ## Requirements 9 | - You should modify `task-1.css` **only**! 10 | - **DO NOT** modify the contents of `index.html`! 11 | - Send a **.zip** file with **both .css** files from both tasks. 12 | - The solution is not required to be pixel perfect. Your solution is required to maintain the ratios from the sample images. Font sizes and sizes will not affect your score, as long as your solution looks like the provided images. 13 | 14 | ## Pictures 15 | 16 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/11. creating-libs/css/utils.styl: -------------------------------------------------------------------------------- 1 | .clearfix 2 | zoom 1 3 | &:after 4 | content '' 5 | display block 6 | clear both 7 | height 0 8 | 9 | clearfix() 10 | @extend .clearfix 11 | 12 | linearGradient(stops) 13 | w3cGradient = 'linear-gradient(to bottom, ' 14 | prefixedGradient = 'linear-gradient(top, ' 15 | 16 | i = 1 17 | 18 | for stop in stops 19 | w3cGradient += stop 20 | prefixedGradient += stop 21 | if i is not length(stops) 22 | w3cGradient += ', ' 23 | prefixedGradient += ', ' 24 | i += 1 25 | 26 | w3cGradient += ')' 27 | prefixedGradient += ')' 28 | 29 | background unquote(w3cGradient) 30 | background unquote('-webkit-' + prefixedGradient) 31 | background unquote('-o-' + prefixedGradient) 32 | background unquote('-ms-' + prefixedGradient) 33 | background unquote('-moz-' + prefixedGradient) -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/styles/client-side-less.less: -------------------------------------------------------------------------------- 1 | body, div, ul, li, a { 2 | margin:0;padding:0; 3 | } 4 | body { 5 | @background-color:#888; 6 | @default-border:1px solid black; 7 | background-color:@background-color; 8 | 9 | aside{ 10 | width:300px; 11 | } 12 | 13 | ul{ 14 | &.list-view{ 15 | background:lighten(@background-color,10%); 16 | list-style-type:none; 17 | 18 | li{ 19 | display:block; 20 | border:none; 21 | border-bottom:@default-border; 22 | 23 | a{ 24 | color:white; 25 | text-decoration:none; 26 | } 27 | 28 | ul{ 29 | display:none; 30 | margin-left:15px; 31 | } 32 | 33 | &:last-of-type{ 34 | border:none; 35 | } 36 | 37 | &:hover{ 38 | & > a{ 39 | text-decoration:underline; 40 | } 41 | & > ul { 42 | display:block; 43 | } 44 | } 45 | } 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /Topics/04. SASS/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/2.2. embed-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Style Sheets 6 | 24 | 25 | 26 | 27 | 28 |
29 |

A Heading

30 |
31 |

Here is some text. Here is some text. Here is some text. Here is some text. Here is some text.

32 |

Another Heading

33 |

Here is some more text. Here is some more text.

34 |

Here is some more text. Here is some more text.

35 | 36 | 37 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/homework/README.md: -------------------------------------------------------------------------------- 1 | CSS Overview 2 | ============ 3 | 4 | ### Problem 1. Ticket CSS 5 | * Create the following page section using HTML and external CSS (no inline styles). 6 | * Use a table or a definition list (the layout will be different). 7 | 8 | ![picture1](https://cloud.githubusercontent.com/assets/3619393/7183745/e7c7f452-e461-11e4-82d9-86fd12a266f6.png) 9 | 10 | ### Problem 2. International Employees 11 | * Create the following Web page using external CSS styles. 12 | 13 | ![picture2](https://cloud.githubusercontent.com/assets/3619393/7183744/e7c7704a-e461-11e4-80f5-71015ea9fd99.png) 14 | 15 | ### Problem 3. Forum Posts 16 | * Create a web page using the design and the HTML markup in [homework.html](https://github.com/TelerikAcademy/CSS/blob/master/Topics/01.%20CSS-Overview/demos/homework.html). 17 | 18 | ![picture3](https://cloud.githubusercontent.com/assets/3619393/7183746/e7c83d36-e461-11e4-8cb3-eb252752f0b4.png) 19 | -------------------------------------------------------------------------------- /Topics/04. LESS/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/04. Stylus/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/00. Course-Intro/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/slides/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "dependencies": { 7 | "http-server": "^0.8.0", 8 | "openurl": "^1.1.0" 9 | }, 10 | "devDependencies": {}, 11 | "scripts": { 12 | "start": "node ./node_modules/http-server/bin/http-server -p 12000 & node open.js" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" 17 | }, 18 | "keywords": [ 19 | "sammy.js", 20 | "jquery", 21 | "spa", 22 | "single-page-applications" 23 | ], 24 | "author": "Doncho Minkov (DonchoMinkov@gmail.com)", 25 | "license": "MIT", 26 | "bugs": { 27 | "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" 28 | }, 29 | "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" 30 | } 31 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos.sln: -------------------------------------------------------------------------------- 1 | 2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio 2012 4 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "LESSDemos", "LESSDemos\LESSDemos.csproj", "{AF98D293-85FA-4206-8D5D-0085EB344284}" 5 | EndProject 6 | Global 7 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 8 | Debug|Any CPU = Debug|Any CPU 9 | Release|Any CPU = Release|Any CPU 10 | EndGlobalSection 11 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 12 | {AF98D293-85FA-4206-8D5D-0085EB344284}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 13 | {AF98D293-85FA-4206-8D5D-0085EB344284}.Debug|Any CPU.Build.0 = Debug|Any CPU 14 | {AF98D293-85FA-4206-8D5D-0085EB344284}.Release|Any CPU.ActiveCfg = Release|Any CPU 15 | {AF98D293-85FA-4206-8D5D-0085EB344284}.Release|Any CPU.Build.0 = Release|Any CPU 16 | EndGlobalSection 17 | GlobalSection(SolutionProperties) = preSolution 18 | HideSolutionNode = FALSE 19 | EndGlobalSection 20 | EndGlobal 21 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/9. color-values.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Color Values 6 | 27 | 28 | 29 | 30 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/5. backgrounds.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 28 | 29 | 30 | 31 |
32 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /Topics/00. Course-Intro/README.md: -------------------------------------------------------------------------------- 1 | ## 00. Course Introduction 2 | 3 | Course Objectives & Program, Examination, Required Software 4 | 5 | ## Resources 6 | 7 | ##### [Slides](https://rawgit.com/TelerikAcademy/CSS/master/Topics/00.%20Course-Intro/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) 8 | 9 | 10 | ## Table of Contents 11 | - [Course Objectives & Program](slides/README.md/#curriculum) 12 | - [Evaluation](slides/README.md/#evaluation) 13 | - [Required Software](slides/README.md/#software) 14 | 15 | #### [ home](/README.md) 16 | -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 | 14 | RT - Public 15 | 10h 16 |
17 |
urgent
18 |
19 | Академията на Телерик обяви безплатен курс по Angular 2 20 |
21 |
22 |
23 | 24 |
25 |
26 | 27 |
1
28 |
2
29 |
30 |
31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/10. scripting/css/main.css: -------------------------------------------------------------------------------- 1 | .box { 2 | display: inline-block; 3 | margin: 15px; 4 | } 5 | .box-1 { 6 | width: 200px; 7 | height: 200px; 8 | background-color: #ccc; 9 | border: 15px solid #999; 10 | } 11 | .box-2 { 12 | width: 200px; 13 | height: 200px; 14 | background-color: #222; 15 | border: 15px solid #595959; 16 | } 17 | .box-3 { 18 | width: 200px; 19 | height: 200px; 20 | background-color: #123; 21 | border: 15px solid #2d5986; 22 | } 23 | .box-4 { 24 | width: 200px; 25 | height: 200px; 26 | background-color: #321; 27 | border: 15px solid #86592d; 28 | } 29 | .box-5 { 30 | width: 200px; 31 | height: 200px; 32 | background-color: #678910; 33 | border: 15px solid #a3d919; 34 | } 35 | .box-6 { 36 | width: 200px; 37 | height: 200px; 38 | background-color: #abcdef; 39 | border: 15px solid #559adf; 40 | } 41 | .box-7 { 42 | width: 200px; 43 | height: 200px; 44 | background-color: #f77; 45 | border: 15px solid #ff1a1a; 46 | } 47 | .box-8 { 48 | width: 200px; 49 | height: 200px; 50 | background-color: #00f; 51 | border: 15px solid #0000bf; 52 | } 53 | -------------------------------------------------------------------------------- /Exams/2016-12/2016-06-12-Variant-1/task-2/README.md: -------------------------------------------------------------------------------- 1 | # Task 2 - Text Editor 2 | 3 | ## Description - read carefully! 4 | - Style the web page in `index.html` so that it looks exactly like the web page from [the example pictures](./result). 5 | - **Images**: You can use the images in `imgs` folder when styling the web page. 6 | 7 | ## Requirements 8 | - You should modify `task-2.css` **only**! 9 | - **DO NOT** modify the contents of `index.html`! 10 | - Send a **.zip** file with **both .css** files from both tasks. 11 | - The solution is not required to be pixel perfect. Your solution is required to maintain the ratios from the sample images. Font sizes and sizes will not affect your score, as long as your solution looks like the provided images. 12 | 13 | ## Pictures 14 | - Initial: 15 | 16 | ![initial page](./result/initial.png) 17 | 18 | - A button is hovered: 19 | 20 | ![file tab hovered](./result/control-button-hovered.png) 21 | 22 | - A button is pressed: 23 | 24 | ![current file tab hovered](./result/control-button-pressed.png) 25 | 26 | - A breadcrumb is hovered: 27 | 28 | ![hovered selector](./result/breadcrumb-hovered.png) 29 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Telerik Academy 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/11. creating-libs/css/main.css: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | zoom: 1; 3 | } 4 | .clearfix:after { 5 | content: ''; 6 | display: block; 7 | clear: both; 8 | height: 0; 9 | } 10 | .box { 11 | width: 150px; 12 | height: 150px; 13 | float: left; 14 | } 15 | .box-1 { 16 | background: linear-gradient(to bottom, #008000, #ffc0cb); 17 | background: -webkit-linear-gradient(top, #008000, #ffc0cb); 18 | background: -o-linear-gradient(top, #008000, #ffc0cb); 19 | background: -ms-linear-gradient(top, #008000, #ffc0cb); 20 | } 21 | .box-2 { 22 | background: linear-gradient(to bottom, #008000 45%, #ffc0cb 90%); 23 | background: -webkit-linear-gradient(top, #008000 45%, #ffc0cb 90%); 24 | background: -o-linear-gradient(top, #008000 45%, #ffc0cb 90%); 25 | background: -ms-linear-gradient(top, #008000 45%, #ffc0cb 90%); 26 | } 27 | .box-3 { 28 | background: linear-gradient(to bottom, #008000 15%, #fff, #ffc0cb 90%); 29 | background: -webkit-linear-gradient(top, #008000 15%, #fff, #ffc0cb 90%); 30 | background: -o-linear-gradient(top, #008000 15%, #fff, #ffc0cb 90%); 31 | background: -ms-linear-gradient(top, #008000 15%, #fff, #ffc0cb 90%); 32 | } 33 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/styles/main.css: -------------------------------------------------------------------------------- 1 | #root { 2 | width: 960px; 3 | margin: 0 auto; 4 | font-size: 18px; 5 | background-color: #ccc; 6 | padding: 15px 0 0 0; 7 | } 8 | .header { 9 | font-size: 1.7em; 10 | text-align: center; 11 | } 12 | .description { 13 | margin: 15px 45px; 14 | background-color: rgba(102,102,102,0.8); 15 | padding: 25px 55px; 16 | border-radius: 15px; 17 | border: 3px solid #fff; 18 | } 19 | .remark { 20 | text-align: center; 21 | } 22 | .container { 23 | padding: 15px; 24 | } 25 | .heroes-list { 26 | list-style-type: none; 27 | } 28 | .heroes-list .hero-item { 29 | display: inline-block; 30 | width: 24%; 31 | } 32 | .heroes-list .hero-item h2 { 33 | font-size: 1.1em; 34 | text-align: center; 35 | } 36 | .heroes-list .hero-item .description { 37 | position: relative; 38 | margin: 0; 39 | font-size: 1.1em; 40 | background-color: rgba(102,102,102,0.8); 41 | height: 200px; 42 | text-align: justify; 43 | padding: 15px; 44 | z-index: 999; 45 | border-radius: 5px; 46 | } 47 | .heroes-list .hero-item img { 48 | position: relative; 49 | left: -40px; 50 | top: -80px; 51 | width: 200px; 52 | height: 200px; 53 | border-radius: 25px; 54 | } 55 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/README.md: -------------------------------------------------------------------------------- 1 | ## 02. CSS Presentation 2 | 3 | Course Objectives & Program, Examination, Required Software 4 | 5 | ## Resources 6 | 7 | ##### [Slides](https://rawgit.com/TelerikAcademy/CSS/master/Topics/02.%20CSS-Presentation/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) 8 | 9 | ## Table of Contents 10 | - [Text-related Properties](slides/README.md/#textprops) 11 | - [Borders](slides/README.md/#border) 12 | - [Backgrounds](slides/README.md/#backgrounds) 13 | - [Background image](slides/README.md/#bckgimage) 14 | - [Gradient Background](slides/README.md/#bckggradient) 15 | - [Opacity](slides/README.md/#opacityslide) 16 | 17 | 18 | #### [ home](/README.md) 19 | -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-2/README.md: -------------------------------------------------------------------------------- 1 | # Task 2 - Text Editor 2 | 3 | ## Description - read carefully! 4 | - Style the web page in `index.html` so that it looks exactly like the web page from [the example pictures](./result). 5 | - **Images**: You can use the images in `imgs` folder when styling the web page. 6 | 7 | ## Requirements 8 | - You should modify `task-2.css` **only**! 9 | - **DO NOT** modify the contents of `index.html`! 10 | - Send a **.zip** file with **both .css** files from both tasks. 11 | - The solution is not required to be pixel perfect. Your solution is required to maintain the ratios from the sample images. Font sizes and sizes will not affect your score, as long as your solution looks like the provided images. 12 | 13 | ## Pictures 14 | - Initial: 15 | 16 | ![initial page](./result/initial.png) 17 | 18 | - A selector is hovered: 19 | 20 | ![selector line hover effect](./result/hovering-selector.png) 21 | 22 | - A line is hovered: 23 | 24 | ![line hover effect](./result/line-hovered.png) 25 | 26 | - The file explorer is hovered: 27 | 28 | ![file explorer hover effect](./result/file-explorer-hovered.png) 29 | 30 | - A file item from the file explorer is hovered: 31 | 32 | ![file item hover effect](./result/file-item-hovered.png) 33 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/4. borders-other-styles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 34 | 35 | 36 |
37 |
38 |
39 | 40 | 41 | -------------------------------------------------------------------------------- /Topics/04. Stylus/demos/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Stylus demos 6 | 15 | 16 | 17 |
    18 |
  1. Selectors and Selector Nesting
    2. 19 |
  2. Variables
    3. 20 |
  3. Interpolation
    4. 21 |
  4. Property Lookup
    5. 22 |
  5. Built-in Functions
    6. 23 |
  6. Functions
    7. 24 |
  7. Mixins
    8. 25 |
  8. Mixins with arguments
    9. 26 |
  9. Selector inheritance (@extend)
    10. 27 |
  10. Conditionals and Iteration
    11. 28 |
  11. Creating libs
    12. 29 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/demos/1. common-selectors.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Common selectors 7 | 8 | 26 | 27 | 28 | 29 | 30 |
31 |
32 |

33 | Site header 34 |

35 | 44 |
45 |
46 |
Article Header
47 |
48 |
49 | 50 | 51 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/task/Description.md: -------------------------------------------------------------------------------- 1 | # Telerik Software Academy 2016/2017 – CSS Styling Practical Exam – Variant 1 2 | ## Exam terms – Read carefully! 3 | - During the exam you are **allowed to use any teaching materials, lectures, books, existing source code, and other paper or Internet resources**. 4 | - Direct or indirect communication with anyone in the class or outside the room is absolutely forbidden. 5 | - You must submit your solutions in http://telerikacademy.com 6 | You must submit only one ZIP file with the two CSS files, named **task-1.css** and **task-2.css** 7 | - Any other files will be ignored and deleted 8 | - The trainers will give you **a link to download ZIP with the assignments**. In the ZIP you will find two folders, titled **task1** and **task2**. 9 | - Each of the folders contains a folder titled **task-images**, an HTML file and empty CSS file, and images. 10 | - **Your task is to write the CSS to the HTML file, so that it looks as similar as possible to all the images in task-images folders.** 11 | - Your solutions will be tested only on Google Chrome, lastest version. 12 | 13 | **Important:** you are not allowed to change the HTML file. 14 | - Only your last code submission will be evaluated. You have exactly 2 hours to solve all given problems. 15 | 16 | 17 | Good luck 18 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-1/solution/styles/main.styl: -------------------------------------------------------------------------------- 1 | #root 2 | width: 960px 3 | margin 0 auto 4 | font-size 18px 5 | background-color #ccc 6 | padding 15px 0 0 0 7 | 8 | 9 | .header 10 | font-size 1.7em 11 | text-align center 12 | 13 | .description 14 | margin 15px 45px 15 | background-color: rgba(#666, 0.8) 16 | padding 25px 55px 17 | border-radius 15px 18 | border 3px solid white 19 | 20 | .remark 21 | text-align center 22 | 23 | .container 24 | padding 15px 25 | 26 | .heroes-list 27 | list-style-type none 28 | 29 | .hero-item 30 | display inline-block 31 | width 24% 32 | 33 | h2 34 | font-size 1.1em 35 | text-align center 36 | 37 | .description 38 | position relative 39 | margin 0 40 | font-size 1.1em 41 | background-color: rgba(#666, 0.8) 42 | height: 200px 43 | text-align: justify 44 | padding 15px 45 | z-index 999 46 | border-radius 5px 47 | img 48 | position relative 49 | left -40px 50 | top -80px 51 | width: 200px 52 | height: 200px 53 | border-radius 25px -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/README.md: -------------------------------------------------------------------------------- 1 | ## 03. CSS Layout 2 | 3 | Control the arrangement of the HTML elements, width, height, visibility 4 | 5 | ## Resources 6 | 7 | ##### [Slides](https://rawgit.com/TelerikAcademy/CSS/master/Topics/03.%20CSS-Layout/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) 8 | 9 | ## Table of Contents 10 | - [Width and Height](slides/README.md/#width) 11 | - [Overflow](slides/README.md/#overflows) 12 | - [Display](slides/README.md/#displays) 13 | - [Visibility](slides/README.md/#visible) 14 | - [Margins and Paddings](slides/README.md/#margins) 15 | - [CSS Box Model](slides/README.md/#boxmodel) 16 | - [Position](slides/README.md/#positioning) 17 | - [Float](slides/README.md/#floating) 18 | - [Flexbox](slides/README.md/#flex) 19 | 20 | 21 | #### [ home](/README.md) 22 | -------------------------------------------------------------------------------- /Topics/04. LESS/README.md: -------------------------------------------------------------------------------- 1 | ## 04. LESS 2 | Overview, usage, features 3 | 4 | ## Resources 5 | 6 | ##### [Slides](https://rawgit.com/TelerikAcademy/CSS/master/Topics/04.%20LESS/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) 7 | 8 | ### Table of Contents 9 | - [LESS Overview](slides/README.md#overview) 10 | - [Working with LESS](slides/README.md#working-with-less) 11 | - [On the Client](slides/README.md#client) 12 | - [On the Server](slides/README.md#server) 13 | - [LESS Features](slides/README.md#features) 14 | - [Selector nesting](slides/README.md#selectors) 15 | - [Variables and Interpolation](slides/README.md#variables-and-interpolation) 16 | - [Mixins and Functions](slides/README.md#mixins-and-functions) 17 | - [Loops](slides/README.md#loops) 18 | 19 | #### [ home](/README.md) -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-2/README.md: -------------------------------------------------------------------------------- 1 | # Task 2 - Text Editor 2 | 3 | ## Description - read carefully! 4 | - Style the web page in `index.html` so that it looks exactly like the web page from [the example pictures](./result). 5 | - **Images**: You can use the images in `imgs` folder when styling the web page. 6 | 7 | ## Requirements 8 | - You should modify `task-2.css` **only**! 9 | - **DO NOT** modify the contents of `index.html`! 10 | - Send a **.zip** file with **both .css** files from both tasks. 11 | - The solution is not required to be pixel perfect. Your solution is required to maintain the ratios from the sample images. Font sizes and sizes will not affect your score, as long as your solution looks like the provided images. 12 | 13 | ## Pictures 14 | - Initial: 15 | ![initial page](./result/initial.png) 16 | 17 | - A file tab is hovered: 18 | ![file tab hovered](./result/tab-hovered.png) 19 | 20 | - The current file tab is hovered: 21 | ![current file tab hovered](./result/selected-tab-hovered.png) 22 | 23 | - When a line containing a css rule is hovered: 24 | ![hovered rule](./result/line-rule-hovered.png) 25 | 26 | - When a line containing a css selector is hovered: 27 | ![hovered selector](./result/line-selector-hovered.png) 28 | 29 | - When scrolling down - **the tabs should always stay on the top of the page**: 30 | ![scrolling down](./result/scrolled-down.png) -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/demos/8. opacity.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 36 | 37 | 38 |
39 | 40 | 41 | 42 | 43 |
44 | 45 |
46 | 47 | 48 | 49 | 50 |
51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/Web.Debug.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 17 | 18 | 29 | 30 | -------------------------------------------------------------------------------- /Topics/01. CSS-Overview/README.md: -------------------------------------------------------------------------------- 1 | ## 01. CSS Overview 2 | 3 | What is CSS, How to use it, Selectors, Css values, External css 4 | 5 | ## Resources 6 | 7 | ##### [Slides](https://rawgit.com/TelerikAcademy/CSS/master/Topics/01.%20CSS-Overview/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) 8 | 9 | 10 | ## Table of Contents 11 | - [What is CSS?](slides/README.md/css) 12 | - [Styling with Cascading Style Sheets (CSS)](slides/README.md/styling-with-css) 13 | - [CSS Selectors](slides/README.md/common-selectors) 14 | - [Select by element name, id or class](slides/README.md/primary-selectors) 15 | - [Nested Selectors](slides/README.md/nested-selectors) 16 | - [Importing CSS into HTML](slides/README.md/importing-css) 17 | - [Attribute selectors](slides/README.md/attribute-selectors) 18 | - [Pseudo Selectors](slides/README.md/pseudo-selectors) 19 | - [CSS Values](slides/README.md/css-values) 20 | 21 | #### [ home](/README.md) 22 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/Web.Release.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 17 | 18 | 19 | 30 | 31 | -------------------------------------------------------------------------------- /Topics/02. CSS-Presentation/homework/README.md: -------------------------------------------------------------------------------- 1 | CSS Presentation 2 | ================ 3 | 4 | ### Problem 1. Lorem Ipsum page 5 | * Create the following web page 6 | * Fonts used: `Consolas, Edwardian Script ITC` 7 | * Color: `#0094ff` 8 | 9 | ![picture1](https://cloud.githubusercontent.com/assets/3619393/7184115/1f7aadf2-e464-11e4-8a20-a169f5c5aa89.png) 10 | 11 | ### Problem 2. Forum Posts 12 | * You are given pre-written [HTML](https://github.com/TelerikAcademy/CSS/blob/master/Topics/02.%20CSS-Presentation/homework/homework.html) 13 | and [CSS](https://github.com/TelerikAcademy/CSS/blob/master/Topics/02.%20CSS-Presentation/homework/homework.css) code. 14 | * Expand this code to make the web page to look exactly like the PNG image: 15 | 16 | ![picture2](https://cloud.githubusercontent.com/assets/3619393/7184114/1f79cb80-e464-11e4-9a3d-5c916c0390ce.png) 17 | 18 | ### Problem 3. Nested Divs 19 | * Create the following web page 20 | * Using `60` nested `div` elements 21 | 22 | ![picture3](https://cloud.githubusercontent.com/assets/3619393/7184113/1f78fcf0-e464-11e4-80f4-2285c7a4a765.png) 23 | 24 | ### Problem 4. Windows Calculator 25 | * Create a web page that looks like the Windows calculator in `Programmer` view 26 | * It should look exactly the same 27 | * Implement hover effects for the buttons 28 | 29 | _Note: The calculator should not have any functionality_ 30 | 31 | ![picture4](https://cloud.githubusercontent.com/assets/3619393/7184116/1f7bdf2e-e464-11e4-9fef-12afd3e70765.png) 32 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/Properties/AssemblyInfo.cs: -------------------------------------------------------------------------------- 1 | using System.Reflection; 2 | using System.Runtime.CompilerServices; 3 | using System.Runtime.InteropServices; 4 | 5 | // General Information about an assembly is controlled through the following 6 | // set of attributes. Change these attribute values to modify the information 7 | // associated with an assembly. 8 | [assembly: AssemblyTitle("LESSDemos")] 9 | [assembly: AssemblyDescription("")] 10 | [assembly: AssemblyConfiguration("")] 11 | [assembly: AssemblyCompany("")] 12 | [assembly: AssemblyProduct("LESSDemos")] 13 | [assembly: AssemblyCopyright("Copyright © 2013")] 14 | [assembly: AssemblyTrademark("")] 15 | [assembly: AssemblyCulture("")] 16 | 17 | // Setting ComVisible to false makes the types in this assembly not visible 18 | // to COM components. If you need to access a type in this assembly from 19 | // COM, set the ComVisible attribute to true on that type. 20 | [assembly: ComVisible(false)] 21 | 22 | // The following GUID is for the ID of the typelib if this project is exposed to COM 23 | [assembly: Guid("ec8ec5f1-53ef-45c5-9929-da906c5f89c9")] 24 | 25 | // Version information for an assembly consists of the following four values: 26 | // 27 | // Major Version 28 | // Minor Version 29 | // Build Number 30 | // Revision 31 | // 32 | // You can specify all the values or you can default the Revision and Build Numbers 33 | // by using the '*' as shown below: 34 | [assembly: AssemblyVersion("1.0.0.0")] 35 | [assembly: AssemblyFileVersion("1.0.0.0")] 36 | -------------------------------------------------------------------------------- /Topics/04. SASS/README.md: -------------------------------------------------------------------------------- 1 | ## 04. SASS 2 | Overview, usage, features 3 | 4 | ## Resources 5 | 6 | ##### [Slides](https://rawgit.com/TelerikAcademy/CSS/master/Topics/04.%20SASS/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) 7 | 8 | - [SASS Overview](slides/README.md#overview) 9 | - [Working with SASS](slides/README.md#working-with-sass) 10 | - [Using Ruby](slides/README.md#sass-with-ruby) 11 | - [Using Visual Studio Plugins](slides/README.md#vs-plugin) 12 | - [SASS Features](slides/README.md#features) 13 | - [Selector Nesting](slides/README.md#nesting) 14 | - [Variables](slides/README.md#variables) 15 | - [Interpolation](slides/README.md#interpolation) 16 | - [Mixins](slides/README.md#mixins) 17 | - [Selector Inheritance](slides/README.md#inheritance) 18 | - [Operators](slides/README.md#sass-operators) 19 | - [Conditional statements](slides/README.md#conditionals) 20 | - [Loops](slides/README.md#sass-loops) 21 | - [Importing SASS files](slides/README.md#importing) 22 | 23 | #### [ home](/README.md) -------------------------------------------------------------------------------- /Topics/03. CSS-Layout/demos/05. display-table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CSS Display Rule - Table 5 | 19 | 20 | 21 |
22 |
23 |
24 | Cell (0,0) 25 |
26 |
27 | Cell (0,1) 28 |
29 |
30 | Cell (0,2) 31 |
32 |
33 |
34 |
35 | Cell (1,0) 36 |
37 |
38 | Cell (1,1) 39 |
40 |
41 | Cell (1,2) 42 |
43 |
44 |
45 |
46 | Cell (2,0) 47 |
48 |
49 | Cell (2,1) 50 |
51 |
52 | Cell (2,2) 53 |
54 |
55 |
56 | 57 | 58 | -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-1/task-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 |
11 |
12 | 13 |
14 |
15 | Telerik Academy 16 |
17 |
18 | November 24 at 1:13pm 19 |
20 |
21 |
22 |

А вие записахте ли се за първия в България безплатен курс по Angular2 - най-новата и популярна в момента технология, създадена от Google, за разработка на front-end уеб приложения?

23 |
24 | 25 |
Академията на Телерик обяви безплатен курс по Angular 2
26 |
Академията на Телерик
27 |
telerikacademy.com
28 |
29 |
30 |
31 | 32 | Comment 33 | 34 |
35 |
36 | 37 | 38 | -------------------------------------------------------------------------------- /Exams/2016-12/2016-05-12-Variant-2/task-1/task-1.css: -------------------------------------------------------------------------------- 1 | body, 2 | div, 3 | h2, 4 | span { 5 | margin: 0; 6 | padding: 0; 7 | } 8 | 9 | body { 10 | font-family: sans-serif; 11 | font-size: 18px; 12 | } 13 | 14 | #wrapper { 15 | display: inline-block; 16 | background-color: #eee; 17 | } 18 | 19 | .article { 20 | width: 558px; 21 | height: 620px; 22 | margin: 16px; 23 | box-shadow: 0 0 5px #888; 24 | background-color: #fff; 25 | } 26 | 27 | .header { 28 | height: 200px; 29 | padding: 20px; 30 | color: #3C3C3C; 31 | } 32 | 33 | .header .publisher { 34 | display: inline-block; 35 | padding: 0 10px; 36 | } 37 | 38 | .header .importance { 39 | text-transform: uppercase; 40 | font-weight: bold; 41 | padding: 20px 0; 42 | } 43 | 44 | .header .timestamp { 45 | float: right; 46 | font-size: 15px; 47 | color: #B9B9B9; 48 | } 49 | 50 | .header .title { 51 | height: 80px; 52 | font-size: 28px; 53 | color: #5F5F5F; 54 | padding: 24px 0; 55 | border-top: 1px solid #EBEBEB; 56 | } 57 | 58 | .main-image { 59 | overflow: hidden; 60 | } 61 | 62 | .footer { 63 | color: #878787; 64 | padding: 21px 20px; 65 | } 66 | 67 | .footer div { 68 | display: inline-block; 69 | width: 20px; 70 | height: 45px; 71 | padding: 13px 0 0 55px; 72 | font-size: 15px; 73 | } 74 | 75 | .footer .likes { 76 | background: url(./imgs/number.png) no-repeat; 77 | } 78 | 79 | .footer .comments { 80 | background: url(./imgs/comment.png) no-repeat; 81 | float: right; 82 | } 83 | 84 | .footer .shares { 85 | background: url(./imgs/share.png) no-repeat; 86 | float: right; 87 | } -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/styles/main.css: -------------------------------------------------------------------------------- 1 | img { 2 | max-width: 100%; 3 | } 4 | * { 5 | margin: 0; 6 | padding: 0; 7 | } 8 | #root { 9 | width: 1024px; 10 | margin: 0 auto; 11 | text-align: center; 12 | margin-top: 50px; 13 | } 14 | #site-header { 15 | text-align: center; 16 | margin-bottom: 35px; 17 | background-color: #ccc; 18 | padding: 15px 0; 19 | background: #ccc url("../imgs/logo.png") 35% no-repeat; 20 | background-size: 65px; 21 | overflow: visible; 22 | color: #fff; 23 | text-shadow: 3px 2px 1px #000; 24 | } 25 | .superheroes { 26 | list-style-type: none; 27 | } 28 | .superheroes li { 29 | display: inline-block; 30 | width: 17%; 31 | position: relative; 32 | text-align: center; 33 | } 34 | .superheroes li:hover { 35 | width: 20%; 36 | } 37 | .superheroes li:hover .hero-header { 38 | opacity: 1; 39 | } 40 | .superheroes li:hover a { 41 | display: block; 42 | } 43 | .superheroes li .hero-header { 44 | display: inline-block; 45 | padding: 10px 0; 46 | position: absolute; 47 | height: 30px; 48 | width: 100%; 49 | background: rgba(34,34,34,0.8); 50 | opacity: 0.3; 51 | color: #fff; 52 | font-size: 1.2em; 53 | text-align: center; 54 | vertical-align: middle; 55 | border-top-left-radius: 17px; 56 | border-top-right-radius: 17px; 57 | } 58 | .superheroes li img { 59 | border-radius: 15px; 60 | } 61 | .superheroes li a { 62 | width: 100%; 63 | color: #fff; 64 | background-color: rgba(34,34,34,0.7); 65 | text-decoration: none; 66 | padding: 10px 0; 67 | display: none; 68 | position: absolute; 69 | } 70 | .superheroes li a:hover { 71 | text-decoration: underline; 72 | } 73 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-2/task-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Bat Family 6 | 7 | 8 | 9 |
10 |

The Bat family

11 | 38 |
39 | 40 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-3/task-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Bat Family 6 | 7 | 8 | 9 |
10 |

The Bat family

11 | 38 |
39 | 40 | -------------------------------------------------------------------------------- /Topics/04. LESS/demos/LESSDemos/client-side-less.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Client Side LESS 5 | 6 | 7 | 8 | 9 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/task-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Bat Family 6 | 7 | 8 | 9 |
10 |

The Bat family

11 | 38 |
39 | 40 | -------------------------------------------------------------------------------- /Exams/2016-06/2016-02-06-2016-Variant-1/task-2/Solution/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Bat Family 6 | 7 | 8 | 9 |
10 |

The Bat family

11 | 38 |
39 | 40 | --------------------------------------------------------------------------------