Explore the various specialties we offer in the Office of Research and Innovation. New ideas, exciting laboratories, research centers and more. Find out what interests you.
Browse Specialties♥ Alyssa's Wiki ♥
My Personal Notes
☺ Introduction
- Item Name : Alyssa's Selected Notes
- Item Version : v 1.0
- Author : Alyssa Galganov
This is a repository for the notes I have gathered over the years. I wanted one place to display all the notes and code related to web development and design.
No Media Queries (Almost) Responsive Design
HTML for Hero Image with Text Example
Research and Innovation Happening Here
CSS for Hero Image with Text Example
/* Styles for the hero image */
.hero {
background: url("https://dsm01pap002files.storage.live.com/y4m218dVKIuN_MhLJGafvFq041Q9gLOTeUeba6GLYdbKfxwGNx35LTN-ADFAgWkj94HEssn3zI_NgKhVtF-mwZN-E-PNnxoTbjQW_x-iAuG15MK05QPxbNYk2QRBu3IxzVS5ym5Cx-6vtzKkfs40D0SSHdYO5a2sCbAP4sg97pjRJ4S3sDnVI2ZsipQxOPKd6Lg?width=1200&height=800&cropmode=none") top, center rgba(0, 0, 0, .4);
background-size: cover;
background-blend-mode: multiply;
padding: 8rem 2rem;
/* grid styles */
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
align-items: center;
}
.hero > * {
color: #fff;
}
.hero > h1 {
font-size: 4rem;
padding-bottom: 1rem;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
}
.hero > article > p {
font-size: 1.5rem;
font-weight: 400;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
}
.hero > article > a {
padding: 1rem;
margin-top: .75rem;
}
Section Two
Section Three
Page Options -
Lorem the It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. long established fact that a reader will English.
Import & Export Options -
Lorem the It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. long established fact that a reader will English.
Support Desk
Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.
Please visit our profile page or ask question @yourusername
Support for my items includes:- * Responding to questions or problems regarding the item and its features
- * Fixing bugs and reported issues
- * Providing updates to ensure compatibility with new software versions
- * Customization and installation services
- * Support for third party software and plug-ins
Before seeking support, please...
- * Make sure your question is a valid Theme Issue and not a customization request.
- * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
- * Make sure to double check the theme FAQs.
- * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
- * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
- * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
- * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.
Files & Sources
Included Stylesheets
These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under yourthemename/css/
- 1. style.css - Primary stylesheet
- 2. bootstrap.css - Bootstrap stylesheet
- 3. owl-carousel.css - OWL Carousel
- 4. fontawesome.css - FontAwesome Font Icons stylesheet
- 5. custom.css - Pathos Color Schemes stylesheet
- 6. prettyPhoto.css - Lightbox effect css file
- 7. flexslider.css - Flexslider css file
- 8. et-line.css - Elegant icons css file
- 9. carousel.css - OWL Carousel css file
- 10. animate.css - CSS3 animations css file
Included JavaScript
These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under yourthemename/js/
- 1. bootstrap.js - Bootstrap JavaScript
- 2. custom.js - All JavaScript Plugins
- 3. retina.js - Retina JavaScript
- 4. jquery.js - Base JavaScript
- 5. prettyPhoto.js - Lightbox JavaScript
- 6. owl-carousel.js - Lightbox JavaScript
- 7. revslider.js - Revolution Slider JavaScript
- 8. flexslider.js - Flexslider JavaScript
- 9. awesome-grid.nin.js - Awesome grid portfolio JavaScript
- 10. circle.js - Coming soon page JavaScript
- 11. contact.js - Contact form validate JavaScript
- 12. isotope.js - Masonry Portfolio JavaScript
- 13. progress.js - Progress bar JavaScript
- 14. rotate.js - Text rotate effect JavaScript
- 15. wow.js - CSS3 animation JavaScript
Version History (Changelog)
You can find the version history (changelog.txt) file on yourthemename-full.zip folder or you can check changelog on theme sale page.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Changelog
-----------------------------------------------------------------------------------------
Version 3.8.4 - May 7th, 2015
-----------------------------------------------------------------------------------------
- new revolution slider plugin version
- fixed security issue with xss vulnerability
- improved demo importer for certain server environments
- updated WooCommerce template files for the outdated message in system status
- added suhosin check in system status
- added information that explains ZipArchive is required on your server for importing demos
- portfolio Grid template improvement
- added more information to demo popup message for individual demo requirements
- RTL style improvements
- breadcrumb function improved for various areas
-----------------------------------------------------------------------------------------
Version 3.8.3 - May 7th, 2015
-----------------------------------------------------------------------------------------
- fixed responsive / retina issue for larger logos
- fusion slider now uses responsive headings all the time
- dropped custom Avada styles for select boxes in IE since it is not supported
- fixed compatibility issue with Category Order and Taxonomy Terms Order plugin
- fixed issue of full width background being affected by padding options
- tested and fixed hellobar issue
- typography settings now apply to single post pages
- improved smooth scroll in certain situations
- youtube & vimeo videos will show at normal size in light box as long as video embed link is not used
- fixed issue of “fixed†featured image mode not working for carousels / recent work
- fixed issue of header tagline font not working with font options
-----------------------------------------------------------------------------------------
Version 3.8.2 - May 7th, 2015
-----------------------------------------------------------------------------------------
- fixed formatting issues with Turkish language files
- letter spacing menu option improvement
- improved fusion slider max content width setting
- removed the “disable first featured image on products†setting since it does not apply
- improved portfolio featured image loading
- removed encoding from tracking code, space before head, space before body, and custom CSS to stop it from parsing code within TO and removing special characters e.g. +
- woo login box now shows login fields for logged out users
- woo cart / my account links now show on mobile
- fixed button styling issue with gravity forms
Copyright and license
Code released under the Un License License.
For more information about copyright and license check choosealicense.com.