2 divs, 1 content, 1 image, transition effect on hover, pure css, no js
A Pen by Alexander Schmidt on CodePen.
Schmidt schmidt1024
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="search"> | |
| <form action="" method="post" class="form-inline"> | |
| <img src="http://placehold.it/24x24" /> | |
| <input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox search-query" size="20" value="Suchen..." onblur="if (this.value=='') this.value='Suchen...';" onfocus="if (this.value=='Suchen...') this.value='';" type="text"> <input name="task" value="search" type="hidden"> | |
| <input name="option" value="com_search" type="hidden"> | |
| <input name="Itemid" value="143" type="hidden"> | |
| </form> | |
| </div> |
schmidt1024
/ datepicker.de.js
Last active
February 8, 2019 15:53
Materialize Datepicker Translation (german)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('.datepicker').pickadate({ | |
| labelMonthNext: 'Nexter Monat', | |
| labelMonthPrev: 'Vorheriger Monat', | |
| labelMonthSelect: 'Monat wählen', | |
| labelYearSelect: 'Jahr wählen', | |
| monthsFull: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ], | |
| monthsShort: [ 'Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez' ], | |
| weekdaysFull: [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag' ], | |
| weekdaysShort: [ 'So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa' ], | |
| weekdaysLetter: [ 'S', 'M', 'D', 'M', 'D', 'F', 'S' ], |
schmidt1024
/ config.json
Last active
August 29, 2015 14:16
— forked from anonymous/config.json
Bootstrap Customize Configuration
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "vars": { | |
| "@gray-base": "#000", | |
| "@gray-darker": "lighten(@gray-base, 13.5%)", | |
| "@gray-dark": "lighten(@gray-base, 20%)", | |
| "@gray": "lighten(@gray-base, 33.5%)", | |
| "@gray-light": "lighten(@gray-base, 46.7%)", | |
| "@gray-lighter": "lighten(@gray-base, 93.5%)", | |
| "@brand-primary": "darken(#428bca, 6.5%)", | |
| "@brand-success": "#5cb85c", |
schmidt1024
/ button-with-ink-effect.markdown
Last active
August 29, 2015 14:17
button with ink effect
schmidt1024
/ markdown.css
Last active
August 29, 2015 14:19
— forked from imjasonh/markdown.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| font-size: 12pt; | |
| font-family: monospace; | |
| font-weight: normal; | |
| font-style: normal; | |
| text-decoration: none; | |
| color: black; | |
| cursor: default; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="item"> | |
| <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr... | <a class="readmore">mehr</a></p> | |
| <div class="more"> | |
| <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> | |
| </div> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /** | |
| * @package Joomla.Platform | |
| * @subpackage HTML | |
| * | |
| * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved. | |
| * @license GNU General Public License version 2 or later; see LICENSE | |
| */ | |
| defined('JPATH_PLATFORM') or die; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Replace all SVG images with inline SVG | |
| */ | |
| jQuery('img.svg').each(function(){ | |
| var $img = jQuery(this); | |
| var imgID = $img.attr('id'); | |
| var imgClass = $img.attr('class'); | |
| var imgURL = $img.attr('src'); | |
| jQuery.get(imgURL, function(data) { |