8 skills found
SpotX-Official / SpotXSpotX patcher used for patching the desktop version of Spotify
SpotX-Official / SpotX BashSpotX Mac and Linux adblocker for the Spotify desktop client, in Bash
amd64fox / Rollback SpotifyDowngrade Spotify and block update for Windows
jetfir3 / TBZifySpotify desktop client management for macOS. Download and install TBZs. Block auto-updates. Uninstall everything.
Daddy-Qilo / BlackeyeBLACKEYE v1.5.1 UPDATES : Updated the port forwarding support to ngrok2.0 FOR ANY SUGGESTION CONTACT :@suljot_gjoka or x3rz.r on Instagram! From @An0nUD4Y (https://github.com/An0nUD4Y/blackeye) BLACKEYE v1.5 UPDATES : Added 10 new websites from the Pro version! The tool is completely free now FOR ANY SUGGESTION CONTACT :@suljot_gjoka on Instagram! BLACKEYE v1.2 UPDATES : Added 2 new websites : iCloud ID , Wi-Fi phisher Updated Google Account website Removed : Spotify,Netflix,Paypal,eBay,Amazon,CryptoCurrency and Steam. They are available on the pro version of Blackeye including more websites with paid content. Contact me on Instagram : @suljot_gjoka for the Pro Version BLACKEYE v1.0 Coded by: @thelinuxchoice (https://github.com/thelinuxchoice/blackeye) Upgraded by: @suljot_gjoka (https://github.com/whiteeagle0/blackeye) Credits (Copyright) Phishing Pages generated by An0nUD4Y (https://github.com/An0nUD4Y): Instagram Phishing Pages generated by Social Fish tool (UndeadSec) (https://github.com/UndeadSec/SocialFish): Facebook,Google,SnapChat,Twitter,Microsoft Phishing Pages generated by @suljot_gjoka (https://github.com/whiteeagle0/blackeye): PayPal,eBay,CryptoCurrency,Verizon,Drop Box,Adobe ID,Shopify,Messenger,TwitchMyspace,Badoo,VK,Yandex,devianART Description BLACKEYE is an upgrade from original ShellPhish Tool (https://github.com/thelinuxchoice/shellphish) by thelinuxchoice under GNU LICENSE. It is the most complete Phishing Tool, with 32 templates +1 customizable Legal disclaimer: Usage of BlackEye for attacking targets without prior mutual consent is illegal. It's the end user's responsibility to obey all applicable local, state and federal laws. Developers assume no liability and are not responsible for any misuse or damage caused by this program. Only use for educational purposes. Usage: git clone https://github.com/x3rz/blackeye.git cd blackeye bash blackeye.sh ./ngrok authtoken <your_auth_token> bash blackeye.sh
mrc1234 / Liri Bot2019# LIRI Bot ### Overview In this assignment, you will make LIRI. LIRI is like iPhone's SIRI. However, while SIRI is a Speech Interpretation and Recognition Interface, LIRI is a _Language_ Interpretation and Recognition Interface. LIRI will be a command line node app that takes in parameters and gives you back data. ### Before You Begin 1. LIRI will search Spotify for songs, Bands in Town for concerts, and OMDB for movies. 2. Make a new GitHub repository called liri-node-app and clone it to your computer. 3. To retrieve the data that will power this app, you'll need to send requests to the Bands in Town, Spotify and OMDB APIs. You'll find these Node packages crucial for your assignment. * [Node-Spotify-API](https://www.npmjs.com/package/node-spotify-api) * [Request](https://www.npmjs.com/package/request) * You'll use Request to grab data from the [OMDB API](http://www.omdbapi.com) and the [Bands In Town API](http://www.artists.bandsintown.com/bandsintown-api) * [Moment](https://www.npmjs.com/package/moment) * [DotEnv](https://www.npmjs.com/package/dotenv) ## Submission Guide Make sure you use the normal GitHub. Because this is a CLI App, there will be no need to deploy it to Heroku. This time, though, you need to include screenshots, a gif, and/or a video showing us that you got the app working with no bugs. You can include these screenshots or a link to a video in a `README.md` file. * Include screenshots (or a video) of typical user flows through your application (for the customer and if relevant the manager/supervisor). This includes views of the prompts and the responses after their selection (for the different selection options). * Include any other screenshots you deem necessary to help someone who has never been introduced to your application understand the purpose and function of it. This is how you will communicate to potential employers/other developers in the future what you built and why, and to show how it works. * Because screenshots (and well-written READMEs) are extremely important in the context of GitHub, this will be part of the grading. If you haven't written a markdown file yet, [click here for a rundown](https://guides.github.com/features/mastering-markdown/), or just take a look at the raw file of these instructions. ### Submission on BCS * Please submit the link to the Github Repository! ### Instructions 1. Navigate to the root of your project and run `npm init -y` — this will initialize a `package.json` file for your project. The `package.json` file is required for installing third party npm packages and saving their version numbers. If you fail to initialize a `package.json` file, it will be troublesome, and at times almost impossible for anyone else to run your code after cloning your project. 2. Make a `.gitignore` file and add the following lines to it. This will tell git not to track these files, and thus they won't be committed to Github. ``` node_modules .DS_Store .env ``` 3. Make a JavaScript file named `keys.js`. * Inside keys.js your file will look like this: ```js console.log('this is loaded'); exports.spotify = { id: process.env.SPOTIFY_ID, secret: process.env.SPOTIFY_SECRET }; ``` 4. Next, create a file named `.env`, add the following to it, replacing the values with your API keys (no quotes) once you have them: ```js # Spotify API keys SPOTIFY_ID=your-spotify-id SPOTIFY_SECRET=your-spotify-secret ``` * This file will be used by the `dotenv` package to set what are known as environment variables to the global `process.env` object in node. These are values that are meant to be specific to the computer that node is running on, and since we are gitignoring this file, they won't be pushed to github — keeping our API key information private. * If someone wanted to clone your app from github and run it themselves, they would need to supply their own `.env` file for it to work. 5. Make a file called `random.txt`. * Inside of `random.txt` put the following in with no extra characters or white space: * spotify-this-song,"I Want it That Way" 6. Make a JavaScript file named `liri.js`. 7. At the top of the `liri.js` file, add code to read and set any environment variables with the dotenv package: ```js require("dotenv").config(); ``` 8. Add the code required to import the `keys.js` file and store it in a variable. * You should then be able to access your keys information like so ```js var spotify = new Spotify(keys.spotify); ``` 9. Make it so liri.js can take in one of the following commands: * `concert-this` * `spotify-this-song` * `movie-this` * `do-what-it-says` ### What Each Command Should Do 1. `node liri.js concert-this <artist/band name here>` * This will search the Bands in Town Artist Events API (`"https://rest.bandsintown.com/artists/" + artist + "/events?app_id=codingbootcamp"`) for an artist and render the following information about each event to the terminal: * Name of the venue * Venue location * Date of the Event (use moment to format this as "MM/DD/YYYY") 2. `node liri.js spotify-this-song '<song name here>'` * This will show the following information about the song in your terminal/bash window * Artist(s) * The song's name * A preview link of the song from Spotify * The album that the song is from * If no song is provided then your program will default to "The Sign" by Ace of Base. * You will utilize the [node-spotify-api](https://www.npmjs.com/package/node-spotify-api) package in order to retrieve song information from the Spotify API. * The Spotify API requires you sign up as a developer to generate the necessary credentials. You can follow these steps in order to generate a **client id** and **client secret**: * Step One: Visit <https://developer.spotify.com/my-applications/#!/> * Step Two: Either login to your existing Spotify account or create a new one (a free account is fine) and log in. * Step Three: Once logged in, navigate to <https://developer.spotify.com/my-applications/#!/applications/create> to register a new application to be used with the Spotify API. You can fill in whatever you'd like for these fields. When finished, click the "complete" button. * Step Four: On the next screen, scroll down to where you see your client id and client secret. Copy these values down somewhere, you'll need them to use the Spotify API and the [node-spotify-api package](https://www.npmjs.com/package/node-spotify-api). 3. `node liri.js movie-this '<movie name here>'` * This will output the following information to your terminal/bash window: ``` * Title of the movie. * Year the movie came out. * IMDB Rating of the movie. * Rotten Tomatoes Rating of the movie. * Country where the movie was produced. * Language of the movie. * Plot of the movie. * Actors in the movie. ``` * If the user doesn't type a movie in, the program will output data for the movie 'Mr. Nobody.' * If you haven't watched "Mr. Nobody," then you should: <http://www.imdb.com/title/tt0485947/> * It's on Netflix! * You'll use the request package to retrieve data from the OMDB API. Like all of the in-class activities, the OMDB API requires an API key. You may use `trilogy`. 4. `node liri.js do-what-it-says` * Using the `fs` Node package, LIRI will take the text inside of random.txt and then use it to call one of LIRI's commands. * It should run `spotify-this-song` for "I Want it That Way," as follows the text in `random.txt`. * Edit the text in random.txt to test out the feature for movie-this and concert-this. ### BONUS * In addition to logging the data to your terminal/bash window, output the data to a .txt file called `log.txt`. * Make sure you append each command you run to the `log.txt` file. * Do not overwrite your file each time you run a command. ### Reminder: Submission on BCS * Please submit the link to the Github Repository! - - - ### Minimum Requirements Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Adding a README.md as well as adding this homework to your portfolio are required as well and more information can be found below. - - - ### Create a README.md Add a `README.md` to your repository describing the project. Here are some resources for creating your `README.md`. Here are some resources to help you along the way: * [About READMEs](https://help.github.com/articles/about-readmes/) * [Mastering Markdown](https://guides.github.com/features/mastering-markdown/) - - - ### Add To Your Portfolio After completing the homework please add the piece to your portfolio. Make sure to add a link to your updated portfolio in the comments section of your homework so the TAs can easily ensure you completed this step when they are grading the assignment. To receive an 'A' on any assignment, you must link to it from your portfolio. - - - ### One More Thing If you have any questions about this project or the material we have covered, please post them in the community channels in slack so that your fellow developers can help you! If you're still having trouble, you can come to office hours for assistance from your instructor and TAs. **Good Luck!**
CaptainEFFF / Liri Node App# LIRI Bot ### Overview In this assignment, you will make LIRI. LIRI is like iPhone's SIRI. However, while SIRI is a Speech Interpretation and Recognition Interface, LIRI is a _Language_ Interpretation and Recognition Interface. LIRI will be a command line node app that takes in parameters and gives you back data. ### Before You Begin 1. LIRI will search Spotify for songs, Bands in Town for concerts, and OMDB for movies. 2. Make a new GitHub repository called liri-node-app and clone it to your computer. 3. To retrieve the data that will power this app, you'll need to send requests using the `axios` package to the Bands in Town, Spotify and OMDB APIs. You'll find these Node packages crucial for your assignment. * [Node-Spotify-API](https://www.npmjs.com/package/node-spotify-api) * [Axios](https://www.npmjs.com/package/axios) * You'll use Axios to grab data from the [OMDB API](http://www.omdbapi.com) and the [Bands In Town API](http://www.artists.bandsintown.com/bandsintown-api) * [Moment](https://www.npmjs.com/package/moment) * [DotEnv](https://www.npmjs.com/package/dotenv) ## Submission Guide Create and use a standard GitHub repository. As this is a CLI App, it cannot be deployed to GitHub pages or Heroku. This time you'll need to include screenshots, a GIF, and/or a video showing us that you have the app working with no bugs. You can include these screenshots/GIFs or a link to a video in a `README.md` file. In order to meet the Employer Competitive standards and be ready to show your application to employers, the `README.md` file should meet the following criteria: 1. Clearly state the problem the app is trying to solve (i.e. what is it doing and why) 2. Give a high-level overview of how the app is organized 3. Give start-to-finish instructions on how to run the app 4. Include screenshots, gifs or videos of the app functioning 5. Contain a link to a deployed version of the app 6. Clearly list the technologies used in the app 7. State your role in the app development Because screenshots (and well-written READMEs) are extremely important in the context of GitHub, this will be part of the grading in this assignment. If you haven't written a markdown file yet, [click here for a rundown](https://guides.github.com/features/mastering-markdown/), or just take a look at the raw file of these instructions. ### Commits Having an active and healthy commit history on GitHub is important for your future job search. It is also extremely important for making sure your work is saved in your repository. If something breaks, committing often ensures you are able to go back to a working version of your code. * Committing often is a signal to employers that you are actively working on your code and learning. * We use the mantra “commit early and often.” This means that when you write code that works, add it and commit it! * Numerous commits allow you to see how your app is progressing and give you a point to revert to if anything goes wrong. * Be clear and descriptive in your commit messaging. * When writing a commit message, avoid vague messages like "fixed." Be descriptive so that you and anyone else looking at your repository knows what happened with each commit. * We would like you to have well over 200 commits by graduation, so commit early and often! ### Submission on BCS * Please submit the link to the Github Repository! ### Instructions 1. Navigate to the root of your project and run `npm init -y` — this will initialize a `package.json` file for your project. The `package.json` file is required for installing third party npm packages and saving their version numbers. If you fail to initialize a `package.json` file, it will be troublesome, and at times almost impossible for anyone else to run your code after cloning your project. 2. Make a `.gitignore` file and add the following lines to it. This will tell git not to track these files, and thus they won't be committed to Github. ``` node_modules .DS_Store .env ``` 3. Make a JavaScript file named `keys.js`. * Inside keys.js your file will look like this: ```js console.log('this is loaded'); exports.spotify = { id: process.env.SPOTIFY_ID, secret: process.env.SPOTIFY_SECRET }; ``` 4. Next, create a file named `.env`, add the following to it, replacing the values with your API keys (no quotes) once you have them: ```js # Spotify API keys SPOTIFY_ID=your-spotify-id SPOTIFY_SECRET=your-spotify-secret ``` * This file will be used by the `dotenv` package to set what are known as environment variables to the global `process.env` object in node. These are values that are meant to be specific to the computer that node is running on, and since we are gitignoring this file, they won't be pushed to github — keeping our API key information private. * If someone wanted to clone your app from github and run it themselves, they would need to supply their own `.env` file for it to work. 5. Make a file called `random.txt`. * Inside of `random.txt` put the following in with no extra characters or white space: * spotify-this-song,"I Want it That Way" 6. Make a JavaScript file named `liri.js`. 7. At the top of the `liri.js` file, add code to read and set any environment variables with the dotenv package: ```js require("dotenv").config(); ``` 8. Add the code required to import the `keys.js` file and store it in a variable. ```js var keys = require("./keys.js"); ``` * You should then be able to access your keys information like so ```js var spotify = new Spotify(keys.spotify); ``` 9. Make it so liri.js can take in one of the following commands: * `concert-this` * `spotify-this-song` * `movie-this` * `do-what-it-says` ### What Each Command Should Do 1. `node liri.js concert-this <artist/band name here>` * This will search the Bands in Town Artist Events API (`"https://rest.bandsintown.com/artists/" + artist + "/events?app_id=codingbootcamp"`) for an artist and render the following information about each event to the terminal: * Name of the venue * Venue location * Date of the Event (use moment to format this as "MM/DD/YYYY") 2. `node liri.js spotify-this-song '<song name here>'` * This will show the following information about the song in your terminal/bash window * Artist(s) * The song's name * A preview link of the song from Spotify * The album that the song is from * If no song is provided then your program will default to "The Sign" by Ace of Base. * You will utilize the [node-spotify-api](https://www.npmjs.com/package/node-spotify-api) package in order to retrieve song information from the Spotify API. * The Spotify API requires you sign up as a developer to generate the necessary credentials. You can follow these steps in order to generate a **client id** and **client secret**: * Step One: Visit <https://developer.spotify.com/my-applications/#!/> * Step Two: Either login to your existing Spotify account or create a new one (a free account is fine) and log in. * Step Three: Once logged in, navigate to <https://developer.spotify.com/my-applications/#!/applications/create> to register a new application to be used with the Spotify API. You can fill in whatever you'd like for these fields. When finished, click the "complete" button. * Step Four: On the next screen, scroll down to where you see your client id and client secret. Copy these values down somewhere, you'll need them to use the Spotify API and the [node-spotify-api package](https://www.npmjs.com/package/node-spotify-api). 3. `node liri.js movie-this '<movie name here>'` * This will output the following information to your terminal/bash window: ``` * Title of the movie. * Year the movie came out. * IMDB Rating of the movie. * Rotten Tomatoes Rating of the movie. * Country where the movie was produced. * Language of the movie. * Plot of the movie. * Actors in the movie. ``` * If the user doesn't type a movie in, the program will output data for the movie 'Mr. Nobody.' * If you haven't watched "Mr. Nobody," then you should: <http://www.imdb.com/title/tt0485947/> * It's on Netflix! * You'll use the `axios` package to retrieve data from the OMDB API. Like all of the in-class activities, the OMDB API requires an API key. You may use `trilogy`. 4. `node liri.js do-what-it-says` * Using the `fs` Node package, LIRI will take the text inside of random.txt and then use it to call one of LIRI's commands. * It should run `spotify-this-song` for "I Want it That Way," as follows the text in `random.txt`. * Edit the text in random.txt to test out the feature for movie-this and concert-this. ### BONUS * In addition to logging the data to your terminal/bash window, output the data to a .txt file called `log.txt`. * Make sure you append each command you run to the `log.txt` file. * Do not overwrite your file each time you run a command. ### Reminder: Submission on BCS * Please submit the link to the Github Repository! - - - ### Minimum Requirements Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Adding a README.md as well as adding this homework to your portfolio are required as well and more information can be found below. - - - ### Create a README.md Add a `README.md` to your repository describing the project. Here are some resources for creating your `README.md`. Here are some resources to help you along the way: * [About READMEs](https://help.github.com/articles/about-readmes/) * [Mastering Markdown](https://guides.github.com/features/mastering-markdown/) - - - ### Add To Your Portfolio After completing the homework please add the piece to your portfolio. Make sure to add a link to your updated portfolio in the comments section of your homework so the TAs can easily ensure you completed this step when they are grading the assignment. To receive an 'A' on any assignment, you must link to it from your portfolio. - - - ### One More Thing If you have any questions about this project or the material we have covered, please post them in the community channels in slack so that your fellow developers can help you! If you're still having trouble, you can come to office hours for assistance from your instructor and TAs. **Good Luck!**
omar3432 / 11.js<![CDATA[ /* =========================================================== # Template : Levon # Version : 3.2 # Platform : Blogger # Category : Magazine # Updated : 22, November 2017 # Created by : Muhammad Saleh # URL : https://www.fb.com/Levon.temp * ============================================================ */ /* ====================== * Variable definitions * ====================== */ <Group description="اعدادات رئيسية" selector="body"> <Variable name="keycolor" description="اللون الرئيسي" type="color" default="#9e2f5e" value="#972702"/> <Variable name="body.background" description="الخلفية" type="background" color='transparent' default="$(color) url(//3.bp.blogspot.com/-x6bnPQuN9YQ/VqALgnWG9-I/AAAAAAAAAuE/NUDLmab0-N4/s0-r/DSDS.jpg) no-repeat fixed top center" value="#972702 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMOWU0MDE5ZTctZmI2MC00ODA0LThiOTktZmEzODRkOTM5ZjQ1) no-repeat fixed top center /* Credit: Raycat (http://www.istockphoto.com/portfolio/Raycat?platform=blogger) */"/><Variable name="wrapper" description="لون الخلفية الداخلي" type="color" default="#ffffff" value="#ffffff"/> <Variable name="lines" description="لون الفواصل الرئيسية" type="color" default="#eeeeee" value="#ececec"/> </Group> <Group description="الشريط العلوي" selector="#HeaderTop"> <Variable name="top.back" description="الخلفية" type="color" default="#120e28" value="#000000"/> <Variable name="top.pages.color" description="لون الصفحات" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="top.pages.hover.back" description="خلفية الصفحات عند المرور" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="top.pages.hover.color" description="لون الصفحات عند المرور" type="color" default="#ffffff" value="#ffffff"/> <Variable name="top.pages.lines" description="لون الفواصل بين الصفحات" type="color" default="#777777" value="#717171"/> <Variable name="top.social.back" description="خلفية ازرار التواصل" type="color" default="#242135" value="#000000"/> <Variable name="top.social.color" description="لون ازرار التواصل" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="top.social.title.back" description="خلفية أسم موقع التواصل" type="color" default="#242135" value="#000000"/> <Variable name="top.social.title.color" description="لون أسم موقع التواصل" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="القائمة الرئيسية" selector="#LinkList101"> <Variable name="menu.back" description="الخلفية" type="color" default="#242135" value="#000000"/> <Variable name="menu.link.back" description="خلفية الروابط" type="color" default="#120e28" value="#000000"/> <Variable name="menu.link.color" description="لون الروابط" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="menu.hover.back" description="خلفية الروابط عند المرور" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="menu.hover.color" description="لون الروابط عند المرور" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="شريط آخر الأخبار" selector="#Int-one"> <Variable name="ticker.back" description="خلفية العنوان" type="color" default="#120e28" value="#000000"/> <Variable name="ticker.color" description="لون العنوان" type="color" default="#ffffff" value="#ffffff"/> <Variable name="ticker.links.back" description="خلفية الروابط" type="color" default="#dddddd" value="#dbdbdb"/> <Variable name="ticker.links.color" description="لون الروابط" type="color" default="#120e28" value="#000000"/> </Group> <Group description="الواجهة" selector="#Int-two"> <Variable name="intro.back" description="الخلفية" type="color" default="#120e28" value="#000000"/> <Variable name="intro.button.back" description="خلفية الزر" type="color" default="#242135" value="#000000"/> <Variable name="intro.button.color" description="لون الزر" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="intro.details" description="لون التفاصيل" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="intro.button.hover.color" description="لون الزر عند المرور" type="color" default="#ffffff" value="#ffffff"/> <Variable name="intro.button.hover.back" description="خلفية الزر عند المرور" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="intro.label.back" description="خلفية السهم والتسميه" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="intro.label.color" description="لون السهم والتسميه" type="color" default="#ffffff" value="#ffffff"/> <Variable name="intro.line" description="لون الفاصل السفلي" type="color" default="#dddddd" value="#dbdbdb"/> </Group> <Group description="الشريط الجانبي" selector="aside"> <Variable name="side.title.back" description="خلفية العنوان" type="color" default="#120e28" value="#000000"/> <Variable name="side.title.color" description="لون العنوان" type="color" default="#ffffff" value="#ffffff"/> <Variable name="side.lines" description="الفواصل" type="color" default="#eeeeee" value="#ececec"/> <Variable name="weather.back" description="خلفية الطقس" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="weather.color" description="لون نص الطقس" type="color" default="#120e28" value="#000000"/> <Variable name="side.links" description="لون الروابط" type="color" default="#444444" value="#2e2e2e"/> <Variable name="side.text" description="النصوص العاديه" type="color" default="#777777" value="#717171"/> <Variable name="side.links.hover" description="لون الرابط عند المرور" type="color" default="#000000" value="#000000"/> </Group> <Group description="التصنيفات" selector="main .Label"> <Variable name="cate.title.back" description="خلفية العنوان" type="color" default="#120e28" value="#000000"/> <Variable name="cate.title.color" description="لون العنوان" type="color" default="#ffffff" value="#ffffff"/> <Variable name="post.title" description="عنوان الموضوع" type="color" default="#555555" value="#494949"/> <Variable name="post.details" description="لون التفاصيل" type="color" default="#999999" value="#959595"/> <Variable name="post.details.icons" description="أيقونات التفاصيل" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="post.lines" description="الفواصل" type="color" default="#eeeeee" value="#ececec"/> <Variable name="post.image.hover" description="لون تأثير الصور" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="أعلى الفوتر" selector="#f-row"> <Variable name="subs.back" description="الخلفية" type="color" default="#242135" value="#000000"/> <Variable name="subs.text" description="لون النص" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="subs.buttons" description="خلفية الأزرار" type="color" default="#120e28" value="#000000"/> <Variable name="subs.email.back" description="خلفية مربع الإشتراك" type="color" default="#120e28" value="#000000"/> <Variable name="subs.email.color" description="لون نص مربع الاشتراك" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="subs.button.back" description="خلفية زر إشتراك" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="subs.button.color" description="لون زر الإشتراك" type="color" default="#ffffff" value="#ffffff"/> <Variable name="subs.button.back.hover" description="خلفية زر الاشتراك عند المرور" type="color" default="#58CA58" value="#52c8a1"/> <Variable name="subs.button.color.hover" description="لون زر الاشتراك عند المرور" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="الفوتر" selector="footer"> <Variable name="footer.back" description="الخلفية" type="color" default="#120e28" value="#000000"/> <Variable name="footer.title" description="عنوان العناصر" type="color" default="#ffffff" value="#ffffff"/> <Variable name="footer.lines" description="الفواصل" type="color" default="#242135" value="#000000"/> <Variable name="footer.links" description="لون الروابط" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="footer.links.hover" description="لون الروابط عند المرور" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="footer.text" description="لون النص العادي" type="color" default="#999999" value="#959595"/> </Group> <Group description="شريط الحقوق" selector="#copyrights"> <Variable name="copts.back" description="خلفية الشريط" type="color" default="#120e28" value="#000000"/> <Variable name="copts.line" description="لون الفاصل" type="color" default="#242135" value="#000000"/> <Variable name="copts.text" description="لون النص" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="copts.link" description="لون الروابط" type="color" default="#ffffff" value="#ffffff"/> <Variable name="copts.soc.back" description="خلفية أزرار التواصل" type="color" default="#242135" value="#000000"/> <Variable name="copts.soc.color" description="لون أزرار التواصل" type="color" default="#dddddd" value="#dbdbdb"/> </Group> <Group description="الموضوع" selector=".post-body"> <Variable name="postbody.title.back" description="خلفية العنوان" type="color" default="#242135" value="#000000"/> <Variable name="postbody.title.color" description="لون العنوان" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="postbody.text" description="اللون الافتراضي للنصوص" type="color" default="#120e28" value="#000000"/> <Variable name="postbody.link" description="لون الروابط" type="color" default="#000000" value="#000000"/> <Variable name="postbody.details" description="التفاصيل" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="postbody.details.icon" description="ايقونات التفاصيل" type="color" default="#9e2f5e" value="#92452b"/> <Variable name="postbody.lines" description="الفواصل" type="color" default="#eeeeee" value="#ececec"/> <Variable name="postbody.subtitle" description="العناوين الثانوية" type="color" default="#242135" value="#000000"/> <Variable name="related.links" description="عنوان موضوع متعلق" type="color" default="#242135" value="#000000"/> <Variable name="related.details" description="تفاصيل موضوعات متعلقه" type="color" default="#aaaaaa" value="#a7a7a7"/> <Variable name="comm.back" description="خلفية أزرار التعليقات" type="color" default="#dddddd" value="#dbdbdb"/> </Group> /* ==================== * CSS RESET * ==================== */ *{}body,p{margin:0;font-size:100%;font-family:AltFont}span{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0;font-size:100%;font-weight:400;font-family:inherit}a{margin:0;padding:0;text-decoration:none;line-height:1.5em}ul,li,ol{margin:0;padding:0;list-style:none;font-family:inherit}input,textarea{outline:none;border:none;background:none;font-family:inherit}img{border:0;max-width:100%}abbr{border:none!important;outline:none!important;text-decoration:none!important}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.blog-admin{display:none}#uds-searchControl{display:none}.clear{clear:both;display:block;width:100%}object{max-width:100%}.widget-item-control,.date-header{display:none} /* ==================== * Loading Spinner * ==================== */ body.spinner{background:$(wrapper)} #loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:$(wrapper);z-index:9999;-webkit-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear;} .overlay-loader{display:block;margin:auto;width:97px;height:97px;position:relative;top:50%;margin-top:-48.5px;left:0;right:0;bottom:0}.loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:97px;height:97px;animation-name:rotateAnim;-o-animation-name:rotateAnim;-ms-animation-name:rotateAnim;-webkit-animation-name:rotateAnim;-moz-animation-name:rotateAnim;animation-duration:.4s;-o-animation-duration:.4s;-ms-animation-duration:.4s;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}.loader div{width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;border:1px solid $(keycolor);position:absolute;top:2px;left:0;right:0;bottom:0;margin:auto}.loader div:nth-child(odd){border-top:0;border-left:none}.loader div:nth-child(even){border-bottom:0;border-right:0}.loader div:nth-child(2){border-width:2px;left:0;top:-4px;width:12px;height:12px}.loader div:nth-child(3){border-width:2px;left:-1px;top:3px;width:18px;height:18px}.loader div:nth-child(4){border-width:3px;left:-1px;top:-4px;width:23px;height:23px}.loader div:nth-child(5){border-width:3px;left:-1px;top:4px;width:31px;height:31px}.loader div:nth-child(6){border-width:4px;left:0;top:-4px;width:39px;height:39px}.loader div:nth-child(7){border-width:4px;left:0;top:6px;width:49px;height:49px}@keyframes rotateAnim{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotateAnim{from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0deg)}} /* ==================== * Levon Classes * ==================== */ #TempColor{color:$keycolor} .fadeOut{opacity:0} *:not(.notr){-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .hide{display:none} /* ==================== * Owl Styles * ==================== */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* ==================== * Main Style * ==================== */ body{background:$(body.background)} body.b-overflow{overflow:hidden;background:none} body.tiled-back{background-size:cover} .no-select *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .no-select .t-code,.no-select .t-code *{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all} body.wide-back .mainWrapper{max-width:100%;width:100%} main.wide-container{border:none;width:100%;padding:0 30px} .mainWrapper{margin:0 auto;background-color:$(wrapper);box-shadow:0 0 10px 3px rgba(0,0,0,0.1)} .middle-container{overflow:hidden} main{vertical-align:top} .rtl main{float:right;padding:0 30px 0 20px;border-left:1px solid $(lines)} .ltr main{float:left;padding:0 20px 0 30px;border-right:1px solid $(lines)} aside{vertical-align:top} .rtl aside{float:right;padding:0 20px 0 10px;border-right:1px solid $(lines);margin-right:-1px} .ltr aside{float:left;padding:0 10px 0 20px;border-left:1px solid $(lines);margin-left:-1px} /* ==================== * Header * ==================== */ #HeaderTop h2,#HeaderBot h2,#HTML100 h2{display:none} .head-color{background-color:$(top.back)} #HeaderTop{width:100%;padding:0 30px;height:50px} .res-butt1{width:30px;height:30px;-webkit-border-radius:3px;border-radius:3px;padding:8px 5px 0;background-color:$(top.pages.lines);cursor:pointer;display:none} .rtl .res-butt1{float:right} .ltr .res-butt1{float:left;} .res-butt1 span{display:block;height:3px;margin-bottom:3px;-webkit-border-radius:100px;border-radius:100px;background-color:$(top.pages.color)} .menu-active{display:block!important} #PageList1{padding:10px 0;max-width:65%;vertical-align:top;position:relative} .rtl #PageList1{float:right} .ltr #PageList1{float:left} .res-butt1.but-active{background-color:$keycolor} .res-butt1.but-active span{background-color:#FFF} #PageList1 li{display:inline-block;vertical-align:top} #PageList1 li a{color:$(top.pages.color);font-family:BlogFont,AltFont;font-size:13px;display:block;margin:2px 5px 0;padding:5px 13px;-webkit-border-radius:100px;border-radius:100px;position:relative} li.selected a{background-color:$(top.pages.hover.back);color:$(top.pages.hover.color)} #PageList1 li.selected a, #PageList1 li a:hover{background-color:$(top.pages.hover.back);color:$(top.pages.hover.color)} #PageList1 li a:after{content:"|";position:absolute;display:inline-block;color:$(top.pages.lines)!important;vertical-align:top} .rtl #PageList1 li a:after{left:-30px;margin-left:20px;} .ltr #PageList1 li a:after{right:-30px;margin-right:20px;} #PageList1 li:last-of-type a:after{display:none} #LinkList100{min-width:190px;max-width:35%;position:relative;z-index:9;vertical-align:top;height:50px;padding:10px 0} .rtl #LinkList100{text-align:left;float:left;} .ltr #LinkList100{text-align:right;float:right;} #LinkList100 ul{float:left;width:-webkit-calc(100% - 60px);width:calc(100% - 60px)} .t-search.fa{background-color:$keycolor;width:50px;height:50px;text-align:center;margin-top:-10px;color:#FFF;font-size:24px;padding-top:10px} .rtl #SRCH{float:left;margin-right:10px} .ltr #SRCH{float:right;margin-left:10px} .search-form{position:absolute;top:8px;width:100%;height:1px;} .rtl .search-form{left:61px} .ltr .search-form{right:61px} .search-form input{background-color:$(top.back);position:relative;z-index:2;font-family:blogfont,AltFont;padding:7px 0;border-bottom:2px solid $(top.social.back);width:0;color:$(top.pages.color);width:0;-webkit-transition:0.3s linear;-o-transition:0.3s linear;transition:0.3s linear;} input.search-open{padding:7px 10px;width:-webkit-calc(100% - 60px);width:calc(100% - 60px)} .hide-social{margin-top:-40px;opacity:0} .search-wide{width:180px;float:left} #LinkList100 li{display:inline-block;vertical-align:top} #LinkList100 li a{margin-bottom:10px;color:$(top.social.color);background-color:$(top.social.back);width:30px;text-align:center;height:30px;padding-top:7px;-webkit-border-radius:2px;border-radius:2px;position:relative} #LinkList100 li a span{background-color:$(top.social.title.back);color:$(top.social.title.color);padding:10px;-webkit-border-radius:2px;border-radius:2px;position:absolute;font-size:11px;top:40px;right:-webkit-calc(50% - 35px);right:calc(50% - 35px);width:70px;opacity:0;visibility:hidden;text-transform:capitalize;font-family:AltFont} #LinkList100 li a span:before{content:"";border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:7px solid $(top.social.title.back);position:absolute;top:-7px;left:-webkit-calc(50% - 4px);left:calc(50% - 4px);display:block;z-index:5} #LinkList100 li a:hover span{opacity:.95;top:50px;visibility:visible} #LinkList100 li a:hover{color:#FFF} #LinkList100 ul:hover li{opacity:.7} #LinkList100 ul li:hover{opacity:1} .fa.fa-facebook:hover, #LinkList102 .fa-facebook {background-color:#3b5998!important} .fa.fa-twitter:hover, #LinkList102 .fa-twitter {background-color:#55acee!important} .fa.fa-rss:hover, #LinkList102 .fa-rss {background-color:#f26522!important} .fa.fa-dribbble:hover, #LinkList102 .fa-dribbble {background-color:#ea4c89!important} .fa.fa-google-plus:hover, #LinkList102 .fa-google-plus {background-color:#dd4b39!important} .fa.fa-google:hover, #LinkList102 .fa-google {background-color:#dd4b39!important} .fa.fa-pinterest:hover, #LinkList102 .fa-pinterest {background-color:#cc2127!important} .fa.fa-linkedin:hover, #LinkList102 .fa-linkedin {background-color:#0976b4!important} .fa.fa-youtube:hover, #LinkList102 .fa-youtube {background-color:#e52d27!important} .fa.fa-wordpress:hover, #LinkList102 .fa-wordpress {background-color:#1081B1!important} .fa.fa-digg:hover, #LinkList102 .fa-digg {background-color:#476BA3!important} .fa.fa-drupal:hover, #LinkList102 .fa-drupal {background-color:#008BCA!important} .fa.fa-github:hover, #LinkList102 .fa-github {background-color:#000000!important} .fa.fa-flickr:hover, #LinkList102 .fa-flickr {background-color:#FF0084!important} .fa.fa-tumblr:hover, #LinkList102 .fa-tumblr {background-color:#304E6C!important} .fa.fa-instagram:hover, #LinkList102 .fa-instagram {background-color:#723ef3!important} .fa.fa-delicious:hover, #LinkList102 .fa-delicious {background-color:#DEDEDF!important} .fa.fa-bitcoin:hover, #LinkList102 .fa-bitcoin {background-color:#f7931a!important} .fa.fa-behance:hover, #LinkList102 .fa-behance {background-color:#009fff!important} .fa.fa-soundcloud:hover, #LinkList102 .fa-soundcloud {background-color:#FF5419!important} .fa.fa-khamsat:hover, #LinkList102 .fa-khamsat {background-color:#f9b01c!important} .fa.fa-traidnt:hover, #LinkList102 .fa-traidnt {background-color:#59c5c4!important} .fa.fa-asnad:hover, #LinkList102 .fa-asnad {background-color:#d4145a!important} .fa.fa-hao123:hover, #LinkList102 .fa-hao123 {background-color:#0ba26d!important} .fa.fa-picalica:hover, #LinkList102 .fa-picalica {background-color:#615d9b!important} .fa.fa-blogger:hover, #LinkList102 .fa-blogger {background-color:#fc9644!important} .fa.fa-telegram:hover, #LinkList102 .fa-telegram {background-color:#32AEE1!important} .fa.fa-mostaql:hover, #LinkList102 .fa-mostaql {background-color:#2caae2!important} .fa.fa-digg:hover, #LinkList102 .fa-digg {background-color:#476BA3!important} .fa.fa-quora:hover, #LinkList102 .fa-quora {background-color:#a82400!important} .fa.fa-spotify:hover, #LinkList102 .fa-spotify {background-color:#1ed760!important} .fa.fa-reddit:hover, #LinkList102 .fa-reddit {background-color:#ff4500!important} .fa.fa-snapchat:hover, #LinkList102 .fa-snapchat {background-color:#f5d602!important} .fa.fa-google-play:hover, #LinkList102 .fa-google-play {background-color:#3d9dab!important} .fa-google-play:before{content:'\f04b'} .fa.fa-khamsat,.fa.fa-traidnt,.fa.fa-asnad,.fa.fa-hao123,.fa.fa-picalica,.fa.fa-blogger,.fa.fa-mostaql{font-family:FontAwesome;font-size:21px;padding-top:5px!important} .fa.fa-hao123{padding-left:3px} .fa.fa-mostaql,.fa.fa-khamsat,.fa.fa-picalica{padding-left:4px} .fa.fa-blogger{padding-left:7px} #LinkList102 .widget-content{font-size:0} #LinkList100 ul li:nth-of-type(1){-webkit-transition:.5s ease} #LinkList100 ul li:nth-of-type(2){-webkit-transition:.55s ease} #LinkList100 ul li:nth-of-type(3){-webkit-transition:.7s ease} #LinkList100 ul li:nth-of-type(4){-webkit-transition:.75s ease} #LinkList100 ul li:nth-of-type(5){-webkit-transition:.8s ease} #LinkList100 ul li:nth-of-type(6){-webkit-transition:.85s ease} #LinkList100 ul li:nth-of-type(7){-webkit-transition:.9s ease} #LinkList100 ul li:nth-of-type(8){-webkit-transition:.95s ease} #LinkList100 ul li:nth-of-type(9){-webkit-transition:1s ease} #LinkList100 ul li:nth-of-type(10){-webkit-transition:1.05s ease} #LinkList100 ul li:nth-of-type(11){-webkit-transition:1.06s ease} /* ==================== * Logo & Adsense * ==================== */ #HeaderMid{padding:20px 30px;display:table;width:100%} #Header1{display:table-cell;vertical-align:middle;max-width:100%} .rtl #Header1{padding-left:20px;text-align:right} .ltr #Header1{padding-right:20px;text-align:left} #HTML100{width:728px;display:table-cell;vertical-align:middle;text-align:center;min-height:90px} .blog-title{font-family:blogfont,AltFont;font-size:29px;font-weight:700;color:$(postbody.text)} .blog-desc{font-family:blogfont,AltFont;font-size:14px;color:$(postbody.title.color)} /* ==================== * Main Menu * ==================== */ #LinkList101{display:none;background-color:$(menu.back);margin:0 30px;position:relative;-webkit-border-radius:3px;border-radius:3px;padding:0 20px} .menu-1 #LinkList101{height:70px} .menu-2 #LinkList101{height:60px} #LinkList101>ul>li:not(.MegaUL){position:relative} #LinkList101>ul>li{display:inline-block;vertical-align:top} .menu-1 #LinkList101>ul>li{margin:0 3px} .menu-1 #LinkList101>ul>li>a{font-size:19px;font-family:BlogFont,AltFont;color:$(menu.link.color);padding:10px 20px;position:relative;display:block;background-color:$(menu.link.back);-webkit-border-radius:5px;border-radius:5px;margin-top:12px} .menu-1 #LinkList101>ul>li>a:hover{color:$(menu.hover.color);background-color:$(menu.hover.back)} .menu-1 #LinkList101>ul>li>a:focus{background-color:#FFF;color:$keycolor} .menu-1 .Home{font-size:31px;position:relative;top:5px;color:$(menu.link.color);border:5px solid $keycolor;width:60px;background-color:$(menu.hover.back);height:60px;text-align:center;-webkit-border-radius:100%;border-radius:100%;display:inline-block;vertical-align:top;-webkit-box-shadow:0 0 30px 30px $(menu.back) inset;box-shadow:0 0 30px 30px $(menu.back) inset} .ltr.menu-1 .Home{line-height:50px} .rtl.menu-1 .Home{float:right;margin-left:20px} .ltr.menu-1 .Home{float:left;margin-right:20px} .menu-1 .Home:hover{-webkit-box-shadow:0 0 0 0 $(menu.back) inset;box-shadow:0 0 0 0 $(menu.back) inset;border:5px solid $(menu.link.color);color:$(menu.hover.color)} .menu-1 #LinkList101 ul>li>a:focus{background-color:#FFF;color:$keycolor} #LinkList101>ul{vertical-align:top;font-size:0} .menu-2 #LinkList101{background-color:$(menu.back);margin:0 30px;height:60px;position:relative;-webkit-border-radius:3px;border-radius:3px;padding:0 20px} .menu-2 .Home{font-size:31px;position:relative;padding:7px 0 0;color:$(menu.back);width:60px;background-color:$(keycolor);height:60px;text-align:center;display:inline-block;vertical-align:top} .menu-2 .Home:hover{color:$(menu.hover.color)} .menu-2 .Home:hover i{;-webkit-transform:scale(1.2);;-ms-transform:scale(1.2);;transform:scale(1.2)} .menu-2 #LinkList101>ul>li>a{font-size:17px;font-weight:700;font-family:BlogFont,AltFont;color:$(menu.link.color);padding:18px 20px;position:relative;display:block} .menu-2 #LinkList101>ul.resp-it>li>a{padding:10px 20px} .menu-2 #LinkList101>ul>li>a:hover{color:$(menu.hover.color)} .m-line{height:3px;position:absolute;height:100%;background-color:$keycolor;bottom:0} .rtl .m-line{right:0} .ltr .m-line{left:0} .rtl.menu-2 .Home{float:right;margin-left:5px} .ltr.menu-2 .Home{float:left;margin-right:5px} .res-butt2{width:45px;height:45px;-webkit-border-radius:3px;border-radius:3px;background-color:$(menu.link.back);position:absolute;z-index:2;padding:10px 8px;cursor:pointer;display:none} .menu-1 .res-butt2{top:13px} .menu-2 .res-butt2{top:9px} .rtl .res-butt2{right:95px} .ltr .res-butt2{left:95px} .res-butt2 span{display:block;background-color:$(menu.link.color);width:100%;margin:0 auto;height:5px;margin-bottom:5px;-webkit-border-radius:100px;border-radius:100px} .res-butt2.but-active{background-color:$keycolor} .res-butt2.but-active span{background-color:#fff} .menu-1 .ma.subed ul{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);position:absolute;top:115px;right:-webkit-calc(50% - 90px);right:calc(50% - 90px);opacity:0;padding:20px;-webkit-border-radius:5px;border-radius:5px;width:180px;background-color:$(menu.link.back);text-align:center;z-index:-1} .menu-1 .ma.subed:hover ul{opacity:1;z-index:16;top:90px} .menu-2 ul:not(.resp-it) .ma.subed ul{position:absolute;top:60px;width:180px;text-align:center;z-index:-1;max-height:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)} .menu-2 ul:not(.resp-it) .ma.subed:hover ul{z-index:16;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)} .menu-2 .ma.subed ul li a{border-bottom:1px solid $(menu.link.back);font-size:14px;color:$(menu.link.color);background-color:$(menu.back);display:block;padding:10px 0;font-family:blogFont,AltFont;font-weight:700} .menu-2 .ma.subed ul li a:hover{color:$(menu.hover.color);border-bottom:1px solid $(keycolor)} .ma.subed ul li{display:block} .menu-1 .ma.subed ul li a{margin:0;-webkit-border-radius:0;border-radius:0;border-bottom:1px dashed $(menu.back);background-color:transparent!important;font-size:16px;color:$(menu.link.color);display:block;font-family:blogfont,AltFont;padding:10px 0} .menu-1 .ma.subed ul li a:hover{border-bottom:1px dashed $keycolor;color:$(menu.hover.back)!important} .menu-1 .ma.subed ul:before{content:"";position:absolute;top:-15px;left:75px;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid $(menu.link.back)} .resp-it .ma.subed ul{position:relative;top:0!important;right:0;opacity:1;-webkit-border-radius:0;border-radius:0;width:100%;background-color:$(menu.link.back);overflow:hidden;padding:0} .resp-it .ma.subed ul:before{display:none} .menu-1 #LinkList101 .menu-active .ma.subed ul li a{font-size:16px;border-bottom:1px dashed $(menu.back)} .menu-1 .ma.subed>a,.menu-1 .ma.MegaUL>a{border-bottom:1px solid $keycolor} .menu-1 #LinkList101>ul:not(.menu-active) .ma.subed:hover{padding-bottom:50px} /* ====== Mega Menu ======= */ #LinkList101 .MegaUL{position:initial} .mega{-webkit-box-shadow:0 7px 15px -2px rgba(0,0,0,0.5);box-shadow:0 7px 15px -2px rgba(0,0,0,0.5);position:absolute;width:100%;padding:10px 0;z-index:-1} .menu-2 .mega{left:0;top:60px;max-height:0;background-color:$(menu.back);max-height:0;z-index:-1;overflow:hidden} .menu-2 .show-mega{z-index:10;max-height:260px;height:260px;overflow:hidden} .menu-1 .mega{min-height:220px;top:90px;left:0;border-radius:1px;background-color:$(menu.back);z-index:10;display:none} .rtl .mega a{float:right;border-left:1px solid rgba(255,255,255,.1)} .ltr .mega a{float:left;border-right:1px solid rgba(255,255,255,.1)} .mega a{font-size:10px;width:calc(100% / 4);padding:0 20px;margin:15px 0} body .container .mega a:last-of-type{border:0} .mega-thumb{display:block;height:140px;margin:0 auto;background-size:cover!important;border-radius:3px;border:5px solid $(menu.link.back)} .mega a:hover h3{color:$(keycolor)} .mega-thumb:hover{-webkit-transform:scale(1.05) translateY(-5px);-ms-transform:scale(1.05) translateY(-5px);transform:scale(1.05) translateY(-5px);-webkit-box-shadow:0 4px 8px -1px rgba(0,0,0,.3);box-shadow:0 4px 8px -1px rgba(0,0,0,.3)} .mega h3{color:$(menu.link.color);font-family:LevonFont,Tahoma;font-size:14px;font-weight:700;border-radius:1px;clear:both;overflow:hidden;background-color:$(menu.link.back);padding:5px 10px;height:50px} .mega i.fa-spinner{font-size:30px;color:$(menu.link.color);position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px} abbr.mega-date{float:right;margin:5px 0;background-color:$(menu.link.back);color:$(menu.link.color);position:relative;border-radius:2px;font-family:AltFont;overflow:hidden} .rtl .mega-date{float:right;padding:3px 30px 3px 10px} .ltr .mega-date{float:left;padding:3px 10px 3px 30px} .rtl .mega-date:before{right:0} .ltr .mega-date:before{left:0} .mega-date:before{content:"\f017";display:inline-block;background-color:$(keycolor);top:0;right:0;position:absolute;width:20px;height:20px;text-align:center;font-family:fontawesome;color:$(menu.link.back);font-size:14px;padding-top:3px} .mega a:hover .mega-date{color:#FFF;background-color:$(keycolor);} .rtl .mega a:hover .mega-date{padding: 3px 25px 3px 10px;margin-right:10px} .ltr .mega a:hover .mega-date{padding: 3px 10px 3px 25px;margin-left:10px} .mega a:hover .mega-date:before{color:#FFF} /* ==================== * Sidebar * ==================== */ aside .widget{margin-bottom:20px} aside .widget h2{font-family:BlogFont ,AltFont;margin-bottom:10px;background-color:$(side.title.back);color:$(side.title.color);font-size:19px} .rtl aside .widget h2{border-right:5px solid $keycolor;padding:10px 20px 10px 0;} .ltr aside .widget h2{border-left:5px solid $keycolor;padding:10px 0px 10px 20px;} aside .widget-content{overflow:hidden} /* ================== * Intro Slider * ================== */ .intro{overflow:hidden;display:none} .intro[data-slides='3'] .Intro-Label:hover .Intro-Thumb{-webkit-transform:translate(0,-70px);-ms-transform:translate(0,-70px);transform:translate(0,-70px)} .intro[data-slides='3'] .Intro-Details{position:absolute;bottom:-20px;padding:20px;width:100%;background-color:$(intro.back);height:73px} .rtl .intro[data-slides='3'] .Intro-Details{right:0;text-align:right;} .ltr .intro[data-slides='3'] .Intro-Details{left:0;text-align:left;} .intro[data-slides='3'] .Intro-Label:hover .Intro-Details{bottom:0} .intro[data-slides='3'] .Intro-Title{height:calc(100% - 70px);top:120px;margin-bottom:10px} .intro[data-slides='3'] .Intro-Label:hover .Intro-Title{top:0;opacity:1} .intro[data-slides='3'] .Intro-Label .ReadMore{background-color:$(intro.button.back);color:$(intro.button.color);position:absolute;bottom:-20px;font-size:12px;font-family:BlogFont ,AltFont;padding:10px 15px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden} .rtl .intro[data-slides='3'] .Intro-Label .ReadMore{left:20px;} .ltr .intro[data-slides='3'] .Intro-Label .ReadMore{right:20px;} .intro[data-slides='3'] .Intro-Label:hover .ReadMore{bottom:15px} .intro[data-slides='3'] .Intro-Label .ReadMore:hover{background-color:$(intro.button.hover.back);color:$(intro.button.hover.color)} .intro[data-slides='1'] .Intro-Title{bottom:20px;-webkit-border-radius:3px;border-radius:3px;opacity:1;width:auto} .rtl .intro[data-slides='1'] .Intro-Title{right:30px;} .ltr .intro[data-slides='1'] .Intro-Title{left:30px;} .intro[data-slides='1'] .Intro-Label{height:300px;margin-bottom:0} .intro[data-slides='1'] .Intro-Thumb{height:auto;min-height:100%;position:relative;top:0} .intro[data-slides='1'] .Intro-Details,.intro[data-slides='1'] .ReadMore{display:none} .intro[data-slides='1'] .owl-item{padding:0} .intro[data-slides='1'] .Intro-Cate{left:20px} .intro[data-slides='1'] .Intro-Label:after{right:20px} .intro[data-slides='4'] .Intro-Title{max-height:100%;bottom:-100%} .intro[data-slides='4'] .Intro-Label:hover .Intro-Title{bottom:0;opacity:1} .intro[data-slides='4'] .Intro-Details,.intro[data-slides='4'] .ReadMore{display:none} .intro .owl-wrapper,.intro .owl-wrapper-outer{height:100%} #int-two{margin:20px 30px 0} .Intro-Label{width:100%;overflow:hidden;float:right;height:100%;position:relative;-webkit-border-radius:3px;border-radius:3px} .rtl .Intro-Label{direction:rtl;} .Intro-Cate{position:absolute;top:10px;left:10px;font-family:BlogFont ,AltFont;font-size:14px;z-index:3;color:$(intro.label.color);opacity:.95;background-color:$(intro.label.back);padding:5px 10px;-webkit-border-radius:3px;border-radius:3px} .Intro-Thumb{width:100%;height:100%;position:relative;z-index:2} .Intro-Label:after{content:"\f074";position:absolute;color:rgba(255,255,255,0.3);z-index:2;font-family:FontAwesome;font-size:29px;text-align:center;right:10px;top:10px} .Intro-Label:hover .Intro-Cate,.Intro-Label:hover:after{opacity:0} .Intro-Title{color:#fff;font-family:BlogFont ,AltFont;display:block;overflow:hidden;width:100%;position:absolute;text-align:center;background-color:rgba(0,0,0,0.8);padding:20px;z-index:2;opacity:0;font-size:19px} .Intro-Date,.Intro-Author{display:block;font-family:AltFont;font-size:12px;color:$(intro.details);line-height:1em} .rtl .Intro-Date, .rtl .Intro-Author{margin-left:20px;} .ltr .Intro-Date, .ltr .Intro-Author{margin-right:20px;} .Intro-Date:before,.Intro-Author:before{display:inline-block;font-family:fontawesome;font-size:14px;color:$(intro.details);} .rtl .Intro-Date:before, .rtl .Intro-Author:before{margin-left:5px} .ltr .Intro-Date:before, .ltr .Intro-Author:before{margin-right:5px} .Intro-Date{margin-bottom:10px} .Intro-Date:before{content:"\f073"} .Intro-Author:before{content:"\f007"} .Intro-Date:hover,a.Intro-Author:hover{text-decoration:underline} #HTML102 .owl-nav{position:absolute;top:-webkit-calc(50% - 30px);top:calc(50% - 30px);left:0;width:100%} #HTML102 .owl-prev,#HTML102 .owl-next{color:$(intro.label.color);font-family:fontawesome;font-size:25px;background-color:$(intro.label.back);padding:8px 15px;top:0;position:absolute;-webkit-border-radius:3px;border-radius:3px;opacity:.3} #HTML102 .owl-next{right:-50px} #HTML102 .owl-prev{left:-50px} #HTML102 .owl-carousel:hover .owl-prev{left:20px;opacity:.9} #HTML102 .owl-carousel:hover .owl-next{right:20px;opacity:.9} .I-toggle i{border:1px solid $(intro.line);width:70px;text-align:center;-webkit-border-radius:100px;border-radius:100px;background-color:$(wrapper);display:block;margin:-10px auto 0;color:$(intro.line);cursor:pointer} .I-toggle{display:none;border-top:1px dashed $(intro.line);margin:20px 30px 10px} .I-toggle i:hover{background-color:$(intro.line);color:$(wrapper);border:1px solid $(wrapper)} #HTML102{min-height:160px;margin-bottom:20px;position:relative;direction:ltr!important} .r-loading{position:absolute;top:-webkit-calc(50% - 31px);top:calc(50% - 31px);left:0;width:100%;text-align:center} .r-loading i{color:#444;font-size:30px} .r-loading span{font-family:BlogFont ,AltFont;color:#999;margin-top:10px;direction:rtl;display:block} #HTML101{margin:20px 30px;overflow:hidden;direction:ltr!important} #HTML101 h2.title{background-color:$(ticker.back);color:$(ticker.color);font-family:BlogFont ,AltFont;text-align:center;padding:12px 30px;position:relative;height:52px;-webkit-border-radius:3px;border-radius:3px;font-size:19px} .rtl #HTML101 h2.title{float:right} .ltr #HTML101 h2.title{float:left} #HTML101 h2.title:after{content:"";border-top:26px solid transparent;border-bottom:26px solid transparent;position:absolute;top:0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:2} .rtl #HTML101 h2.title:after{border-right:35px solid $(ticker.back);left:-10px;} .ltr #HTML101 h2.title:after{border-left:35px solid $(ticker.back);right:-10px;} .rtl #HTML101:hover h2.title:after{left:-15px} .ltr #HTML101:hover h2.title:after{right:-15px} .NTick{position:relative;padding:0 30px;font-family:BlogFont ,AltFont;font-size:16px;background-color:$(ticker.links.back);height:52px;overflow:hidden;text-align:right;} .rtl .NTick{border-left:10px solid $(ticker.back)} .ltr .NTick{border-right:10px solid $(ticker.back)} /* ================== * Intro Newsticker * ================== */ .scroll{opacity:0} .Scroll-Title{color:$(ticker.links.color);vertical-align:top;padding:15px 15px 15px 0;display:inline-block} .Scroll-Title:hover{color:$(ticker.back);text-decoration:underline} .Scroll-Title:before{content:"\f0a1";color:$(ticker.links.color);width:30px;text-align:center;display:inline-block;font-family:FontAwesome;margin-top:-8px;font-size:20px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .rtl .Scroll-Title:before{margin-left:10px;} .ltr .Scroll-Title:before{margin-right:10px;} .rtl .js-marquee-wrapper{direction:rtl} #HTML101,#HTML102{display:none} /* ================== * Default Posts * ================== */ .post-outer{position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid $(post.lines)} .post-outer:last-of-type{padding-bottom:0;border-bottom:0} .RecentThumb{width:300px;height:200px;overflow:hidden;position:relative} .rtl .RecentThumb{float:right;margin-left:30px} .ltr .RecentThumb{float:left;margin-right:30px} .RecentThumb span{width:100%;-webkit-border-radius:3px;border-radius:3px;height:100%;-webkit-background-size:cover;background-size:cover;display:block;background-position:center center} .RecentThumb:hover span{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.9} .post-title a{color:$(post.title)} .post-title a:hover{color:$keycolor} .boxs:before,.boxs:after{content:"";position:absolute;top:5%;left:5%;z-index:1;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .boxs:before{border-right:1px solid $(post.image.hover);border-left:1px solid $(post.image.hover);width:90%;height:0} .boxs:after{border-top:1px solid $(post.image.hover);border-bottom:1px solid $(post.image.hover);width:0;height:90%} .RecentThumb:hover .boxs:before,.RecentThumb:hover .boxs:after{width:90%;height:90%} .Thumb:hover .boxs:before,.Thumb:hover .boxs:after{width:90%;height:90%} .RecentSnippet{font-size:14px;color:$(post.details);line-height:1.5em;font-family:BlogFont,AltFont;line-height:1.5em} .index-time,.index-author{vertical-align:top;font-family:AltFont;font-size:12px;display:inline-block;color:$(post.details);vertical-align:2px} .noImage{display:none} .rtl .index-author{margin-left:20px} .ltr .index-author{margin-right:20px} .opac{opacity:.3} .g-profile{display:inline-block} .index-time:before,.index-author:before{font-family:fontawesome;font-size:14px;color:$(post.details.icons);display:inline-block;vertical-align:middle} .rtl .index-time:before,.rtl .index-author:before{margin-left:5px} .ltr .index-time:before,.ltr .index-author:before{margin-right:5px} .index-author:before{content:"\f007"} .index-time:before{content:"\f017"} .blog-posts .details{border-top:1px solid $(post.lines);border-bottom:1px solid $(post.lines);padding:5px 0;width:-webkit-calc(100% - 330px);width:calc(100% - 330px);margin-bottom:10px} .post-title{width:-webkit-calc(100% - 330px);width:calc(100% - 330px);display:block;margin-bottom:5px;font-family:BlogFont,AltFont;font-weight:700;font-size:17px} .rtl .post-title{float:right} .ltr .post-title{float:left} .blog-posts .ReadMore{font-family:BlogFont,AltFont;background-color:$keycolor;-webkit-box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;color:#FFF;padding:8px 15px;margin-top:10px;position:relative;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;font-size:14px;height:36px;line-height:normal} .rtl .blog-posts .ReadMore{margin-left:10px;float:right} .ltr .blog-posts .ReadMore{margin-right:10px;float:left} .rtl .blog-posts .ReadMore:hover{-webkit-box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;padding:8px 15px 8px 50px} .ltr .blog-posts .ReadMore:hover{-webkit-box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;padding:8px 50px 8px 15px} .blog-posts .ReadMore:before{position:absolute;top:10px;opacity:0;font-family:fontawesome;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .rtl .blog-posts .ReadMore:before{content:"\f060";left:20px} .ltr .blog-posts .ReadMore:before{content:"\f061";right:20px} .blog-posts .ReadMore:hover:before{opacity:1} .blog-posts .ReadMore:after{content:"";width:60px;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.1)));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.1));background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.1)));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.1));background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,0.1)));background:-o-linear-gradient(transparent,rgba(0,0,0,0.1));background:linear-gradient(transparent,rgba(0,0,0,0.1));position:absolute;top:-5px} .rtl .blog-posts .ReadMore:after{right:100%;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)} .ltr .blog-posts .ReadMore:after{left:100%;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)} .rtl .blog-posts .ReadMore:hover:after{right:68%} .ltr .blog-posts .ReadMore:hover:after{left:68%} .ShareIndex{background-color:$keycolor;-webkit-box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;color:#FFF;padding:10px;margin-top:10px;position:relative;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;font-size:20px;cursor:pointer;width:36px;height:36px} .rtl .ShareIndex{float:right} .ltr .ShareIndex{float:left} .ShareIndex:hover{-webkit-box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset} .ShareIndexBut{height:36px;background-color:$(post.lines);margin-top:10px;padding:7px 10px;-webkit-border-radius:2px;border-radius:2px;position:relative;display:none} .rtl .ShareIndexBut{float:right;margin-right:20px} .ltr .ShareIndexBut{float:left;margin-left:20px} .ShareIndexBut a{line-height:1em;font-family:fontawesome;color:#000;width:20px;height:20px;text-align:center;padding-top:2px;-webkit-border-radius:2px;border-radius:2px;color:#FFF} .rtl .ShareIndexBut a{float:right;margin-right:5px} .ltr .ShareIndexBut a{float:left;margin-left:5px} .rtl .ShareIndexBut a:first-of-type{margin-right:0} .ltr .ShareIndexBut a:first-of-type{margin-left:0} .ShareIndexBut:before{content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;top:10px} .rtl .ShareIndexBut:before{border-left:10px solid $(post.lines);right:-10px} .ltr .ShareIndexBut:before{border-right:10px solid $(post.lines);left:-10px} .fb{background-color:#3b5998} .tw{background-color:#55acee} .pin{background-color:#cc2127} .go{background-color:#DC493C} .index-body{overflow:hidden} .rtl .index-body .details{float:right} .ltr .index-body .details{float:left} .rtl .rct .post-outer{border:0;float:right;margin-left:20px} .ltr .rct .post-outer{border:0;float:left;margin-right:20px} .rct-cards .RecentSnippet{overflow:hidden;height:65px} .rct-cards .RecentThumb{float:none;width:100%;display:block;height:260px} .rct-cards .post-title{width:100%;display:block;float:none;margin:5px 0;background-color:$(post.lines);color:$(post.title);height:60px;overflow:hidden} .rtl .rct-cards .post-title{padding:6px 20px 10px 10px;border-right:5px solid $keycolor} .ltr .rct-cards .post-title{padding:6px 10px 10px 20px;border-left:5px solid $keycolor} .rct-cards .post-title a{max-height:48px;overflow:hidden;display:block} .rct-cards .details{float:none;width:100%;margin-top:10px} .rct-cards .ShareIndex{display:none} .rct-cards .RecentThumb:after{position:absolute;content:'';width:100%;height:100%;top:0;right:0;background-color:#fff;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease} .rct-cards:hover .RecentThumb:after{opacity:.7} .rct-cards .RecentThumb:hover span{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);-webkit-filter:blur(1px)} .rct-cards .ReadMore{margin-left:0;float:left} .rct-cards .ShareIndexBut{display:block;position:absolute;top:120px;margin:0;opacity:0;background-color:transparent;padding:0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:-1;right:-webkit-calc(50% - 67.5px);right:calc(50% - 67.5px)} .rct-cards .ShareIndexBut a{width:30px;height:30px;padding-top:7px} .rct-cards .ShareIndexBut:before{display:none} .rct-cards:hover .ShareIndexBut{opacity:1;z-index:3} /* ================== * Status Messages * ================== */ .status-msg-wrap{clear:both;display:block;font-family:blogfont,AltFont;border:1px solid $(post.lines);padding:15px 20px;margin-bottom:20px;-webkit-border-radius:3px;border-radius:3px;color:$(post.details)} .status-msg-wrap b{color:$keycolor} .status-msg-wrap a{color:$(post.title)} .status-msg-wrap a:hover{color:$keycolor;text-decoration:inderline} .wide{width:100%!important;margin-left:0!important;margin-right:0!important} body .navi-wide #blog-pager{width:100%!important;margin-left:0;margin-right:0} .navi-wide.pagin-top{margin-top:-10px;margin-bottom:30px} .related-posts.links.wide-related-links{margin:0!important;border:none!important;padding-left:0!important;padding-right:0!important} /* ================== * Pagination * ================== */ #Pagination span:hover,#Pagination span.curr{border-bottom-color:$(wrapper)} #Pagination{height:70px;width:100%;text-align:center;padding:20px;background-color:$keycolor;-webkit-border-radius:3px;border-radius:3px;margin-bottom:20px;font-family:blogfont,AltFont;color:$(wrapper)} #Pagination a{line-height:normal;color:$(wrapper);font-family:fontawesome;font-size:24px;display:inline-block;vertical-align:top;cursor:pointer;opacity:.8;} #Pagination a:hover{opacity:1} .nums{width:60%;margin:0 auto;display:inline-block;vertical-align:top;height:36px;overflow:hidden} #Pagination .nums .hid-num{display:none} .nums span{display:inline-block;vertical-align:top;font-weight:700;width:30px;border-bottom:3px solid rgba(255,255,255,0.1);font-size:14px;margin:0 5px;padding-bottom:4px;cursor:pointer;margin-bottom:20px;color:$(wrapper)} /* ================== * Homepage Sections * ================== */ main .widget-content{overflow:hidden;margin-bottom:20px} main .Label{clear:both;overflow:hidden;display:none} main .Label h2,.title-h{background-color:$(cate.title.back);color:$(cate.title.color);padding:10px 20px;font-family:BlogFont ,AltFont;margin-bottom:20px;-webkit-border-radius:3px;border-radius:3px;font-size:22px;position:relative;overflow:hidden;line-height:1} .LabLink{text-align:center;position:absolute;top:0;font-size:16px;width:130px;z-index:2;height:100%;font-size:19px;color:#FFF;} .rtl .LabLink{left:0;padding:8px 17px 0 7px;} .ltr .LabLink{right:0;padding:8px 7px 0 17px;} .LabLink:before{content:"";background-color:$keycolor;position:absolute;top:0;width:120%;height:100%;z-index:-1;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .rtl .LabLink:before{left:-20px;border-right:10px solid $(wrapper);-webkit-transform:skew(-30deg);-ms-transform:skew(30deg);transform:skew(30deg);} .ltr .LabLink:before{right:-20px;border-left:10px solid $(wrapper);-webkit-transform:skew(-30deg);-ms-transform:skew(30deg);transform:skew(30deg);} .LabLink:hover:before{background-color:$(cate.title.back)} .rtl .LabLink:after{padding-right:5px;} .ltr .LabLink:after{padding-left:5px;} .LabLink:hover:after{color:$keycolor} main .Label h2:before,.title-h:before{content:"\f198";font-family:fontawesome;display:inline-block;vertical-align:top;color:$keycolor;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .rtl main .Label h2:before,.rtl .title-h:before{margin-left:10px;} .ltr main .Label h2:before,.ltr .title-h:before{margin-right:10px;} .Post{overflow:hidden;position:relative} .Title{font-weight:700;font-size:17px;font-family:BlogFont,AltFont;color:$(post.title);line-height:1.4em;margin-bottom:10px;max-height:47px;overflow:hidden;float:right;width:-webkit-calc(100% - 110px);width:calc(100% - 110px)} .Title:hover{color:$keycolor} .Thumb{width:90px;height:90px;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;position:relative;line-height:normal} .rtl .Thumb{float:right;margin-left:20px;} .ltr .Thumb{float:left;margin-right:20px;} .Thumb span{width:100%;height:100%;-webkit-background-size:cover!important;background-size:cover!important;background-position:center center!important;display:block} .Thumb:hover span{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.9} .Post .details{float:right;width:-webkit-calc(100% - 110px);width:calc(100% - 110px)} .Date,.Author{font-family:AltFont;font-size:12px;color:$(post.details);display:inline-block;vertical-align:top} .rtl .Author{margin-left:10px} .ltr .Author{margin-right:10px} .Date{margin-bottom:2.5px} .Date:before,.Author:before{display:inline-block;vertical-align:top;font-family:fontawesome;font-size:14px;color:$(post.details.icons);} .rtl .Date:before,.rtl .Author:before{margin-left:5px} .ltr .Date:before,.ltr .Author:before{margin-right:5px} .Date:before{content:"\f073"} a.Date:hover,a.Author:hover{text-decoration:underline} .Author:before{content:"\f007"} .Snippet{font-family:BlogFont ,AltFont;color:$(post.details);font-size:14px;text-align:justify;line-height:1.5em} /* ======= List ======= */ .list .Post{height:110px;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin-top:20px;padding-top:20px;border-top:1px solid $(post.lines)} .rtl .list .Post{margin-left:10px;float:right} .ltr .list .Post{margin-right:10px;float:left} .list .Post:nth-of-type(-n+2){height:90px;padding-top:0;border-top:none;margin-top:0} .rtl .list .Post:nth-of-type(2n){margin-right:10px;margin-left:0} .ltr .list .Post:nth-of-type(2n){margin-right:10px;margin-right:0} /* ======= Cover ======= */ .cover .Post:first-of-type{width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid $(post.lines)} .cover .Post:first-of-type .Title{width:-webkit-calc(100% - 320px);width:calc(100% - 320px)} .cover .Post:first-of-type .Thumb{width:300px;height:180px} .cover .Post:first-of-type .details{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid $(post.lines);width:-webkit-calc(100% - 320px);width:calc(100% - 320px)} .cov:nth-of-type(-n+3){margin-top:0} .cov{height:90px;width:50%;margin-top:20px} .rtl .cov{float:right;padding-right:20px} .ltr .cov{float:left;padding-left:20px} .rtl .cov:nth-of-type(2n){padding-left:19px;padding-right:0;border-left:1px solid $(post.lines)} .ltr .cov:nth-of-type(2n){padding-right:19px;padding-left:0;border-right:1px solid $(post.lines)} .cov .Snippet{display:none} /* ======= Vertical Cover ======= */ .vcover .Post:nth-of-type(n+2) .Snippet{display:none} .vcover .Post:first-of-type{width:50%;height:480px;} .rtl .vcover .Post:first-of-type{float:right;padding-left:19px;border-left:1px solid $(post.lines)} .ltr .vcover .Post:first-of-type{float:left;padding-right:19px;border-right:1px solid $(post.lines)} .vcover .Post:nth-of-type(n+6){display:none} .vcover .Post:first-of-type .Title{width:100%} .vcover .Post:first-of-type .details{width:100%} .vcover .Post:first-of-type .Thumb{width:100%;height:200px;margin-bottom:20px} .vcover .Post:nth-of-type(n+2){height:110px;width:-webkit-calc(50% - 20px);width:calc(50% - 20px);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid $(post.lines);} .rtl .vcover .Post:nth-of-type(n+2){float:right;margin-right:20px} .ltr .vcover .Post:nth-of-type(n+2){float:left;margin-left:20px} .vcover .Post:last-of-type{height:90px;margin-bottom:0;padding-bottom:0;border-bottom:none} /* ======= Sided ======= */ .Sided-Section{font-size:0} .Sided-Section .section{display:inline-block;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);vertical-align:top} .rtl .Sided-Section .section:nth-of-type(odd){margin-left:20px} .ltr .Sided-Section .section:nth-of-type(odd){margin-right:20px} .sided .Post{height:110px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid $(post.lines)} .sided .Post:last-of-type{height:90px;margin-bottom:0;padding-bottom:0;border-bottom:none} .sided .Post:first-of-type .Thumb{width:100%;height:200px;float:none;margin-left:0;margin-bottom:20px;display:block} .sided .Post:first-of-type .Title{width:100%;float:none;display:block;height:45px} .sided .Post:first-of-type .details{width:100%;float:none} .sided .Post:first-of-type .Snippet{height:40px} .sided .Post:first-of-type{height:auto} .sided .Post:not(:first-of-type) .Snippet{display:none} /* ======= Cards ======= */ .cards .Post{width:-webkit-calc((100% - 40px) / 3);width:calc((100% - 40px) / 3);margin-top:20px} .rtl .cards .Post{margin-left:19px;float:right} .ltr .cards .Post{margin-right:19px;float:left} .cards .Post:nth-of-type(-n+3){margin-top:0} .rtl .cards .Post:nth-of-type(3n){margin-left:0} .ltr .cards .Post:nth-of-type(3n){margin-right:0} .cards .Post .Thumb{width:100%;height:150px;margin-bottom:10px} .cards .Post .Title{width:100%;height:50px} .cards .details{padding:5px 0;border-top:1px solid $(post.lines);border-bottom:1px solid $(post.lines);overflow:hidden;clear:both;margin-bottom:5px;width:100%} .rtl .cards .Date,.rtl .cards .Author{float:right} .ltr .cards .Date,.ltr .cards .Author{float:left} .cards .Date{margin-bottom:0} .cards .Post .Snippet{text-align:justify;display:block;clear:both;height:80px} /* ======= Broadcast ======= */ .broadcast{overflow:hidden;margin-bottom:20px} .broadcast .current{width:60%;padding:20px;height:364px;background-color:$(cate.title.back)} .rtl .broadcast .Post{float:right} .ltr .broadcast .Post{float:left} .broadcast .current .Thumb{width:100%;height:250px} .broadcast .current .Thumb:before{content:"\f01d";color:rgba(255,255,255,0.9);position:absolute;top:-webkit-calc(50% - 47px);top:calc(50% - 47px);left:-webkit-calc(50% - 55px);left:calc(50% - 55px);font-size:110px;font-family:fontawesome;z-index:2} .broadcast .current .Title{color:$(cate.title.color);margin-top:20px;text-align:center;width:100%} .broadcast .Post:nth-of-type(n+2){padding:10px 20px;width:40%;height:73px;border-bottom:1px solid $(post.lines);overflow:visible;cursor:pointer;-webkit-box-shadow:-10px -20px 61px transparent inset;box-shadow:-10px -20px 61px transparent inset} .b-current{background-color:$keycolor!important} .b-current .Title{color:#FFF} .b-current:after{content:"";border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;top:-webkit-calc(50% - 15px);top:calc(50% - 15px);z-index:2;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease} .broadcast .Post:nth-of-type(n+2) .Title{width:-webkit-calc(100% - 90px);width:calc(100% - 90px)} .broadcast .Post:nth-of-type(n+2) .Thumb{width:70px;height:100%} .rtl .b-current:after{right:-15px;border-left:15px solid $keycolor;} .ltr .b-current:after{left:-15px;border-right:15px solid $keycolor;} /* ================== * Footer * ================== */ footer{background-color:$(footer.back);width:100%} .f-cols{padding:20px 30px 10px;overflow:hidden;clear:both} .f-cols .section{width:-webkit-calc((100% - 60px) /4);width:calc((100% - 60px) /4);vertical-align:top;min-height:1px} .rtl .f-cols .section{float:right;margin-left:19px;} .ltr .f-cols .section{float:left;margin-right:19px;} .f-cols .widget{position:relative;width:100%} .f-cols .widget-content{clear:both} .rtl #Col-4{margin-left:0} .ltr #Col-4{margin-right:0} footer .widget h2{font-family:BlogFont ,AltFont;color:$(footer.title);padding:0 0 15px;margin-bottom:20px;font-size:19px} .rtl footer .widget h2{float:right;} .ltr footer .widget h2{float:left;} footer .widget h2:before{height:2px;background-color:$keycolor;content:"";float:right;width:100%;position:relative;top:37px;z-index:2;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} footer .widget h2:after{width:100%;height:2px;background-color:$(footer.lines);top:37px;left:0;position:absolute;content:""} .f-cols .widget-content{margin-bottom:20px} .f-cols.no-vp{padding-top:0;padding-bottom:0} /* ================== * Contact Form * ================== */ #ContactForm1{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.1);width:220px;position:absolute;z-index:3;background-color:$(wrapper);top:140px;-webkit-border-radius:3px;border-radius:3px;padding:20px;display:none} .rtl #ContactForm1{right:20px;} .ltr #ContactForm1{left:20px;} #ContactForm1:before{content:"";border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid $(wrapper);position:absolute;top:-15px;} .rtl #ContactForm1:before{right:39px} .ltr #ContactForm1:before{left:39px} #ContactForm1 h2.title{color:#999;clear:both;width:100%;text-align:center;border-bottom:1px solid $(lines)} #ContactForm1 h2.title:before,#ContactForm1 h2.title:after{display:none} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{font-family:BlogFont,AltFont;color:#999;font-size:11px;direction:ltr} footer form[name="contact-form"]{font-family:BlogFont,AltFont} footer form[name="contact-form"] input[type='text'],footer form[name="contact-form"] textarea{border:1px solid $(lines);width:100%;padding:10px 20px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:5px;color:#999} footer form[name="contact-form"] textarea{height:75px;margin-bottom:0;resize:none} #ContactForm1_contact-form-submit{width:100%;background-color:$(lines);-webkit-border-radius:3px;border-radius:3px;padding:10px;color:#999;font-size:16px;cursor:pointer} #ContactForm1_contact-form-submit:hover{background-color:$keycolor;color:#FFF} #Stats1 .widget-content{text-align:center} #FollowByEmail1 i{float:right;font-size:55px;-webkit-border-radius:100%;border-radius:100%;width:90px;height:90px;background-color:#333;padding-top:18px;text-align:center;margin-left:20px} i.fa.fa-microphone{color:$keycolor;font-size:50px;background-color:$(subs.buttons);width:80px;height:80px;text-align:center;-webkit-border-radius:100%;border-radius:100%;padding-top:16px;margin-top:5px;display:inline-block;cursor:pointer;vertical-align:top} i.fa.fa-microphone.cont-open{background-color:$keycolor;color:#FFF} .fa.fa-arrow-up{color:$(subs.text);font-size:40px!important;background-color:$(subs.buttons);width:80px;height:80px;text-align:center;-webkit-border-radius:100%;border-radius:100%;padding-top:19px;margin-top:5px;vertical-align:top;display:inline-block;cursor:pointer} .fa-arrow-up:before{-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear} .fa-arrow-up:hover:before{color:$keycolor} /* ================== * Email Subscription * ================== */ #HTML140 p{font-family:BlogFont,AltFont;color:$(subs.text);font-size:14px;text-align:justify;display:inline-block;width:-webkit-calc(100% - 510px);width:calc(100% - 510px);margin:15px 20px;vertical-align:top} #HTML140{display:inline} .subscription{text-align:center} #FollowByEmail1{display:inline-block;width:290px} #f-row{width:100%;clear:both;padding:20px 30px;height:130px;position:relative} .f-row-color{background-color:$(subs.back)} #f-row .subscription{font-size:0;text-align:center;display:block;margin-top:15px} #f-row .email{-webkit-border-radius:2px;border-radius:2px;background-color:$(subs.email.back);width:-webkit-calc(100% - 120px);width:calc(100% - 120px);padding:0 30px;text-align:left;direction:ltr;height:60px;font-size:12px;color:$(subs.email.color)} #f-row .subscribe{background-color:$(subs.button.back);width:110px;font-family:BlogFont,AltFont;-webkit-border-radius:2px;border-radius:2px;font-size:19px;text-align:center;color:#fff;height:60px;vertical-align:top;cursor:pointer;margin:0 5px;padding-top:2px;outline:0;border:0} #f-row .subscribe:hover{background-color:$(subs.button.back.hover);color:$(subs.button.color.hover)} /* ================== * Copyrights * ================== */ #copyrights{min-height:50px;padding:10px 30px;border-top:1px solid $(copts.line)} .copy-color{background-color:$(copts.back);overflow:hidden} #HTML110{display:block;margin-top:3px;color:$(copts.text);font-family:BlogFont,AltFont;font-size:14px} .c-site a{font-family:BlogFont,AltFont;color:$(copts.link);display:inline-block;margin:0 5px;font-size:14px} #HTML110 p{font-family:BlogFont,AltFont;display:inline-block} .c-site a:hover{color:$keycolor!important} .rtl #HTML110 .c-site{margin-left:30px;float:right;margin-top:2px} .ltr #HTML110 .c-site{margin-right:30px;float:left;margin-top:2px} /* ================== * Social Sites * ================== */ .rtl #LinkList104{float:left} .ltr #LinkList104{float:right} #LinkList104 li a{background-color:$(copts.soc.back);color:$(copts.soc.color);width:30px;height:30px;text-align:center;padding-top:7px;border-radius:100%} #LinkList104 li{vertical-align:top;display:inline-block} #LinkList104 li a:hover{color:#FFF} /* ==================== * Widgets * ==================== */ /* ================== * Popular Posts * ================== */ .popular-posts ul{font-size:0} .popular-posts li{margin-bottom:10px;padding-bottom:10px} .tinyPop .item-thumbnail{width:72px;height:72px} .popular-posts:not(.tinyPop) .item-thumbnail{margin-bottom:5px} .rtl .tinyPop .item-thumbnail{float:right;margin-left:10px} .ltr .tinyPop .item-thumbnail{float:left;margin-right:10px} .tinyPop .item-title a{font-size:13px} .tinyPop .item-snippet{font-size:10px;text-align:justify} aside .popular-posts li{border-bottom:1px dotted $(side.lines)} footer .popular-posts li{border-bottom:1px dotted $(footer.lines)} .popular-posts li:last-of-type{margin-bottom:0;border-bottom:none;padding-bottom:0} .item-thumbnail{width:99%;height:130px;display:block;overflow:hidden;border:5px solid transparent} .rtl .item-thumbnail{margin-right:1px} .ltr .item-thumbnail{margin-left:1px} aside .item-thumbnail{outline:1px solid $(side.lines)} footer .item-thumbnail{outline:1px solid $(footer.lines)} .item-thumbnail img{width:100%;height:100%} .item-thumbnail span{width:100%;height:100%;background-size:cover!important;background-position:center center!important;display:block} .popular-posts li:hover span{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7!important} .popular-posts a{font-family:BlogFont ,AltFont;font-size:16px;display:block;width:100%;font-weight:700} aside .popular-posts a{color:$(side.links)} footer .popular-posts a{color:$(footer.links)} aside .item-title a:hover{color:$(side.links.hover)} footer .item-title a:hover{color:$(footer.links.hover)} .item-thumbnail a{display:inline} .item-snippet{padding-top:5px;font-size:12px;text-align:justify;width:100%;font-family:BlogFont ,AltFont} aside .item-snippet{color:$(side.text)} footer .item-snippet{color:$(footer.text)} .item-content:first-of-type{margin-top:2px} /* ================== * SlideShow * ================== */ .slideshow-status{color:#676767;font-size:11px;margin:10px;padding:4px} .slideshow-wrapper{display:inline-block;position:relative;width:100%} .slideshow-wrapper:after{content:'';display:block;margin-top:100%} .slideshow-spacer{margin:auto} .slideshow-container{bottom:0;left:0;position:absolute;right:0;top:0} img.gsc-branding-img-noclear{display:inline} .slideshow-container img{display:inline} /* ================== * Labels * ================== */ .label-size a{vertical-align:top;font-family:BlogFont,AltFont;-webkit-border-radius:3px;border-radius:3px;display:block;white-space:nowrap;overflow:hidden;font-size:14px} .rtl .label-size a{text-align:right;padding:10px 20px 10px 50px;} .ltr .label-size a{text-align:left;padding:10px 50px 10px 20px;} .label-size{display:block;margin-bottom:7px;width:100%;font-size:0} .label-size span{display:inline-block;font-family:BlogFont;background-color:rgba(0,0,0,0.1);padding:4px 10px;font-size:12px;text-align:center;-webkit-border-radius:5px;border-radius:5px;margin-top:-33px;margin-left:10px} .rtl .label-size span{float:left;margin-left:10px} .ltr .label-size span{float:right;margin-right:10px} .no-nums{display:inline-block;width:47%;margin-left:1%} body .Label .no-nums a{padding:10px 20px;text-align:center} .label-size:hover span{color:#FFF} .label-size:hover a{background-color:$keycolor;color:#FFF} .Label li a{font-size:14px;font-family:BlogFont,AltFont;padding:5px 0;display:block} .Label li span{font-size:12px;font-family:AltFont;margin-top:-25px;padding:3px 6px;-webkit-border-radius:3px;border-radius:3px;width:30px;text-align:center} .rtl .Label li span{float:left;} .ltr .Label li span{float:right;} .Label li a:before{color:$keycolor;display:inline-block;font-family:fontawesome;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .rtl .Label li a:before{content:"\f100";padding-left:10px;} .ltr .Label li a:before{content:"\f101";padding-right:10px;} .Label li:hover span{background-color:$keycolor;color:#fff} .rtl .Label li:hover a:before{margin-right:5px} .ltr .Label li:hover a:before{margin-left:5px} .Label li span:first-child,.Label li span:nth-of-type(2){display:none} aside .label-size a{background-color:$(side.lines);color:$(side.links)} aside .label-size span{color:$(side.text)} footer .label-size a{background-color:$(footer.lines);color:$(footer.links)} footer .label-size span{color:$(footer.text)} aside .Label li a{border-bottom:1px solid $(side.lines);color:$(side.links)} aside .Label li span{background-color:$(side.lines);color:$(side.text)} aside .Label li:hover a{color:$(side.links.hover);border-bottom:1px solid $keycolor} footer .Label li a{color:$(footer.links);border-bottom:1px solid $(footer.lines)} footer .Label li span{background-color:$(footer.lines);color:$(footer.text)} footer .Label li:hover a{color:$(footer.links.hover);border-bottom:1px solid $keycolor} /* ================== * Footer LinkList * ================== */ footer .LinkList li a{display:block;border-bottom:1px solid $(footer.lines);font-family:BlogFont ,AltFont;padding:10px 0;color:$(footer.links);font-size:14px} footer .LinkList li a:before{content:"\f10c";font-family:fontawesome;font-size:8px;display:inline-block;vertical-align:middle} .rtl footer .LinkList li a:before{padding-left:10px;} .ltr footer .LinkList li a:before{padding-right:10px;} footer .LinkList li a:hover{color:$(footer.links.hover);border-bottom:1px dotted $keycolor} footer .LinkList li a:hover:before{content:"\f111";color:$keycolor} /* ================== * TextList * ================== */ .TextList li{display:block;font-family:BlogFont ,AltFont;padding:5px 0;font-size:14px} aside .TextList li{border-bottom:1px solid $(side.lines);color:$(side.links);} footer .TextList li{border-bottom:1px solid $(footer.lines);color:$(footer.links);} .TextList li:before{content:"\f111";font-family:fontawesome;font-size:8px;display:inline-block;vertical-align:middle} .rtl .TextList li:before{padding-left:10px;} .ltr .TextList li:before{padding-right:10px;} footer .TextList li:before{color:$(footer.lines)} aside .TextList li:before{color:$(side.lines)} /* ================== * Statatics Widget * ================== */ #Stats1_totalCount{display:inline-block;vertical-align:top;font-size:30px;font-family:Arial;font-weight:700;color:$keycolor;margin-right:8px} #Stats1_sparkline{display:inline-block;vertical-align:top;margin-bottom:10px;margin:0 10px 10px} img[height="1"]{display:none} /* ====================== * Social Links (Sidebar) * ====================== */ #LinkList102{overflow:hidden} #LinkList102 a{display:inline-block;position:relative;margin-top:8px;padding:5px 0;-webkit-border-radius:3px;border-radius:3px;text-align:center;overflow:hidden;width:48%;color:#fff;font-size:30px;height:60px;-webkit-box-shadow:0 30px 50px rgba(0,0,0,0.15) inset;box-shadow:0 30px 50px rgba(0,0,0,0.15) inset} #LinkList102 a:nth-of-type(-n+2){margin-top:0} .rtl #LinkList102 a{margin-left:4%} .ltr #LinkList102 a{margin-right:4%} .rtl #LinkList102 a:nth-of-type(even){margin-left:0} .ltr #LinkList102 a:nth-of-type(even){margin-right:0} #LinkList102 span{font-family:AltFont;position:relative;color:#fff;text-transform:capitalize;font-size:12px;text-align:center;margin-top:3px;vertical-align:top} #LinkList102 br{font-size:33px;vertical-align:top} #LinkList102 a:hover{background-color:#444!important;color:#ddd} #LinkList102 a:hover span{color:#999} /* ================== * Weather Widget * ================== */ #HTML103 .widget-content{display:none} #HTML103{margin-bottom:0} #weather{background-color:$(weather.back);padding:20px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 70px 70px 30px rgba(0,0,0,0.1) inset;box-shadow:0 70px 70px 30px rgba(0,0,0,0.1) inset;max-width:250px;margin:0 auto 20px} abbr.Today{display:block;font-family:BlogFont,AltFont;text-align:center;font-size:24px;color:$(weather.back);-webkit-border-radius:5px;border-radius:5px;padding:5px 0;background-color:$(weather.color);line-height:1.5em;} #weather i{font-size:170px;line-height:100%;text-align:center;display:block;color:$(weather.color);margin-bottom:-10px;margin-right:-60px} span.Condition{display:block;text-align:center;color:$(weather.color);font-family:BlogFont,AltFont;font-size:20px} span.Today-Temp{display:block;text-align:center;color:$(weather.color);font-family:Arial;font-size:24px;font-weight:700;text-transform:capitalize} .icon{font-family:FontAwesome;font-weight:400;font-style:normal} .icon-0:before{content:"\efb7"} .icon-1:before{content:"\efbc"} .icon-2:before{content:"\efbe"} .icon-3:before{content:"\efbd"} .icon-4:before{content:"\efbe"} .icon-5:before{content:"\efc0"} .icon-6:before{content:"\efc0"} .icon-7:before{content:"\efc0"} .icon-8:before{content:"\efc0"} .icon-9:before{content:"\efba"} .icon-10:before{content:"\efc0"} .icon-11:before{content:"\efba"} .icon-12:before{content:"\efba"} .icon-13:before{content:"\efba"} .icon-14:before{content:"\efba"} .icon-15:before{content:"\efc0"} .icon-16:before{content:"\efba"} .icon-17:before{content:"\efc0"} .icon-18:before{content:"\efbf"} .icon-19:before{content:"\efc1"} .icon-20:before{content:"\efc1"} .icon-21:before{content:"\efc1"} .icon-22:before{content:"\efc1"} .icon-23:before{content:"\efc1"} .icon-24:before{content:"\efb9"} .icon-25:before{content:"\efb9"} .icon-26:before{content:"\efb5"} .icon-27:before{content:"\efc2"} .icon-28:before{content:"\efb8"} .icon-29:before{content:"\efc2"} .icon-30:before{content:"\efb8"} .icon-31:before{content:"\efb6"} .icon-32:before{content:"\efb4"} .icon-33:before{content:"\efb6"} .icon-34:before{content:"\efb4"} .icon-35:before{content:"\efc0"} .icon-36:before{content:"\efb4"} .icon-37:before{content:"\efbe"} .icon-38:before{content:"\efbe"} .icon-39:before{content:"\efbe"} .icon-40:before{content:"\efbb"} .icon-41:before{content:"\efc0"} .icon-42:before{content:"\efba"} .icon-43:before{content:"\efc0"} .icon-44:before{content:"\efc2"} .icon-45:before{content:"\efbe"} .icon-46:before{content:"\efbf"} .icon-47:before{content:"\efbe"} /* ================== * Flicker Widget * ================== */ .flickr-photos a{display:inline-block;width:30%;;opacity:.8} .rtl .flickr-photos a{margin:0 0 10px 5%} .ltr .flickr-photos a{margin:0 5% 10px 0} .rtl .flickr-photos a:nth-of-type(3n){margin-left:0} .ltr .flickr-photos a:nth-of-type(3n){margin-right:0} .flickr-photos a img{-webkit-border-radius:2px;border-radius:2px} .flickr-photos a:hover{opacity:1} aside .goog-te-gadget-simple{border:1px solid $(side.lines);text-align:center;margin:0 auto;padding:10px;display:block} /* ================== * Archive Widget * ================== */ .BlogArchive select{font-family:blogFont,AltFont;width:100%;padding:10px;background:none} aside .BlogArchive select{color:$(side.links);border:1px solid $(side.lines)} footer .BlogArchive select{color:$(footer.links);border:1px solid $(footer.lines)} #ArchiveList .collapsed ul{display:none} .flat .archivedate a{font-family:BlogFont,AltFont;display:block;padding:5px 0} aside .flat .archivedate a{border-bottom:1px solid $(side.lines);color:$(side.links);} footer .flat .archivedate a{border-bottom:1px solid $(footer.lines);color:$(footer.links);} .flat .archivedate a:hover{border-bottom:1px solid $keycolor;color:$(side.links.hover)} aside .flat .archivedate a:hover{border-bottom:1px solid $keycolor;color:$(side.links.hover)} footer .flat .archivedate a:hover{border-bottom:1px solid $keycolor;color:$(footer.links.hover)} .flat-count{margin-top:-27px;color:$(side.text);font-size:12px} .rtl .flat-count{float:left;} .ltr .flat-count{float:right;} .flat a:before{color:$keycolor;display:inline-block;font-family:fontawesome;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .rtl .flat a:before{content:"\f100";padding-left:10px;} .ltr .flat a:before{content:"\f101";padding-right:10px;} .rtl .archivedate:hover a:before{padding-right:5px} .ltr .archivedate:hover a:before{padding-left:5px} aside .toggle{color:$(side.links)} footer .toggle{color:$(footer.links)} .toggle:hover{color:$(keycolor)} .toggle{font-size:0;margin-top:15px} .rtl .toggle{font-size:0;float:right} .ltr .toggle{font-size:0;float:left} body .zippy.toggle-open:before{content:"\f103"} .rtl .zippy:before{content:"\f100"} .ltr .zippy:before{content:"\f101"} .rtl .hierarchy .hierarchy{margin-right:10px} .ltr .hierarchy .hierarchy{margin-left:10px} .zippy:before{font-size:18px;font-family:fontawesome;text-align:center} .post-count-link{display:block;width:-webkit-calc(100% - 25px);width:calc(100% - 25px);font-family:BlogFont,AltFont;padding:4px 10px;margin-bottom:5px} .rtl .post-count-link{margin-right:20px;} .ltr .post-count-link{margin-left:20px;} aside .post-count-link{color:$(side.links);border-bottom:1px solid $(side.lines)} footer .post-count-link{color:$(footer.links);border-bottom:1px solid $(footer.lines)} aside .post-count-link:hover{border-bottom:1px solid $(keycolor)} .post-count{margin-top:-27px;font-size:12px} .rtl .post-count{float:left;} .ltr .post-count{float:right;} aside .post-count{color:$(side.text)} footer .post-count{color:$(footer.text)} .posts a{display:block;font-family:BlogFont ,AltFont;padding:5px 0;font-size:12px} aside .posts a{color:$(side.text);border-bottom:1px solid $(side.lines)} footer .posts a{color:$(footer.text);border-bottom:1px solid $(footer.lines)} aside .posts a:hover{border-bottom:1px solid $keycolor;color:$(side.links.hover)} footer .posts a:hover{border-bottom:1px solid $keycolor;color:$(footer.links.hover)} /* ===================== * Featured Post Widget * ===================== */ .post-summary p{font-size:12px;margin-bottom:10px;display:block;font-family:blogfont,AltFont} aside .post-summary a:hover{color:$(side.links.hover)} aside .post-summary p{color:$(side.text)} .post-summary{padding:10px} aside .post-summary{border:1px solid $(side.lines)} footer .post-summary{clear:both;border:1px solid $(footer.lines)} .post-summary a{font-family:blogfont,AltFont;font-weight:700;display:block;text-align:center;margin-bottom:10px;padding:10px;-webkit-border-radius:5px;border-radius:5px} aside .post-summary a{background-color:$(side.lines);color:$(side.links)} footer .post-summary a{background-color:$(footer.lines);color:$(footer.links)} footer .post-summary a:hover{color:$(footer.links.hover)} footer .post-summary p{color:$(footer.text)} aside .FeaturedPost .image{padding:5px;border:1px solid $(side.lines)} footer .FeaturedPost .image{padding:5px;border:1px solid $(footer.lines)} /* ==================== * Authors Widget * ==================== */ .Profile{display:none;} .Profile .widget-content{padding:10px;position:relative;overflow:hidden;min-height:20px} aside .Profile .widget-content{border:1px solid $(side.lines)} footer .Profile .widget-content{border:1px solid $(footer.lines)} .Profile .widget-content.opend{min-height:302px} .Profile .widget-content .au-wid-card{padding:10px 0;margin:0 10px;height:70px;cursor:pointer} aside .Profile .widget-content .au-wid-card{border-top:1px solid $(side.lines)} footer .Profile .widget-content .au-wid-card{border-top:1px solid $(footer.lines)} .Profile .widget-content .au-wid-card:first-of-type,.Profile .widget-content .au-wid-card:first-of-type:hover{border:none} .Profile .widget-content .au-wid-pic{width:50px;height:50px;-webkit-border-radius:100%;border-radius:100%;-webkit-background-size:cover;background-size:cover;} .rtl .Profile .widget-content .au-wid-pic{float:right;margin-left:10px} .ltr .Profile .widget-content .au-wid-pic{float:left;margin-right:10px} aside .Profile .widget-content .au-wid-pic{border:5px solid $(wrapper);-webkit-box-shadow:0 0 0 1px $(side.lines);box-shadow:0 0 0 1px $(side.lines)} footer .Profile .widget-content .au-wid-pic{border:5px solid $(footer.back);-webkit-box-shadow:0 0 0 1px $(footer.lines);box-shadow:0 0 0 1px $(footer.lines)} .Profile .widget-content .au-wid-name{font-family:BlogFont,AltFont;font-size:12px;margin-top:10px;font-weight:700} aside .Profile .widget-content .au-wid-name{color:$(side.links)} footer .Profile .widget-content .au-wid-name{color:$(footer.links)} .Profile .widget-content .au-wid-count{font-size:10px;display:block} aside .Profile .widget-content .au-wid-count{color:$(side.text)} footer .Profile .widget-content .au-wid-count{color:$(footer.text)} .Profile .widget-content .au-wid-count i{font-style:normal;margin:0 5px} .Profile .widget-content .au-wid-count b{font-family:blogfont,AltFont;font-weight:400} .Profile .widget-content .au-posts{top:0;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:100%;position:absolute;overflow:hidden;height:300px} aside .Profile .widget-content .au-posts{background-color:$(wrapper)} footer .Profile .widget-content .au-posts{background-color:$(footer.back)} .au-wid-pos-links{height:190px;overflow-y:scroll} aside .au-wid-pos-links{border-bottom:1px solid $(side.lines)} footer .au-wid-pos-links{border-bottom:1px solid $(footer.lines)} .au-wid-pos-links::-webkit-scrollbar{width:7px;overflow:hidden} .au-wid-pos-links::-webkit-scrollbar-thumb:hover{background-color:$(keycolor)} aside .au-wid-pos-links::-webkit-scrollbar-track{background-color:$(wrapper)} aside .au-wid-pos-links::-webkit-scrollbar-thumb{background-color:$(side.lines);-webkit-border-radius:100px;border-radius:100px} footer .au-wid-pos-links::-webkit-scrollbar-track{background-color:$(footer.back)} footer .au-wid-pos-links::-webkit-scrollbar-thumb{background-color:$(footer.lines);-webkit-border-radius:100px;border-radius:100px} .Profile .widget-content{position:relative;overflow:hidden} .Profile .widget-content .au-post{overflow:hidden;display:block;padding:5px;height:50px} .Profile .widget-content .au-post:hover .au-po-img{opacity:1;-webkit-filter:contrast(1.1);filter:contrast(1.1);} .Profile .widget-content .au-post:hover .au-po-title{color:$keycolor} @-webkit-keyframes soft {50%{opacity:.5}} @keyframes soft {50%{opacity:.5}} .Profile .widget-content .au-po-img{opacity:0.9;width:40px;height:40px;-webkit-background-size:cover;background-size:cover;background-position:center center;-webkit-border-radius:2px;border-radius:2px} .rtl .Profile .widget-content .au-po-img{float:right;margin-left:10px;} .ltr .Profile .widget-content .au-po-img{float:left;margin-right:10px;} .Profile .widget-content .au-po-title{font-size:11px;background-color:transparent;font-weight:700;border:none;padding:0;margin:0;line-height:1.3em;max-height:27px;overflow:hidden;float:none;min-height:15px} aside .Profile .widget-content .au-po-title{color:$(side.links)} footer .Profile .widget-content .au-po-title{color:$(footer.links)} .au-po-details{line-height:0.5em} .Profile .widget-content .au-po-title:before,.Profile .widget-content .au-po-title:after{display:none} .Profile .widget-content .au-po-date{font-size:8px;display:block;font-family:blogfont,AltFont;margin-top:3px} aside .Profile .widget-content .au-po-date{color:$(side.text)} footer .Profile .widget-content .au-po-date{color:$(footer.text)} .Profile .widget-content .au-po-date:before{content:"\f017";font-family:fontawesome;display:inline-block;font-weight:400} .rtl .Profile .widget-content .au-po-date:before{margin-left:5px} .ltr .Profile .widget-content .au-po-date:before{margin-right:5px} .au-wid-pos-card{height:61px;padding:5px} aside .au-wid-pos-card{border-bottom:1px solid $(side.lines)} footer .au-wid-pos-card{border-bottom:1px solid $(footer.lines)} .hide-auths{-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);height:auto} .Profile .widget-content .show-posts{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} .au-wid-back:Hover:before{color:$keycolor} .au-wid-back:before{font-family:fontawesome;font-size:25px;display:inline-block;text-align:center;line-height:.7em;vertical-align:middle;padding:3px 0 0 3px;cursor:pointer} .rtl .au-wid-back:before{margin-left:5px;} .ltr .au-wid-back:before{margin-right:5px;} aside .au-wid-back:before{color:$(side.text)} footer .au-wid-back:before{color:$(footer.text)} .rtl .au-wid-back:before{content:"\f190";} .ltr .au-wid-back:before{content:"\f18e";} .au-wid-prof{font-size:12px;font-family:blogfont,AltFont;font-weight:700;padding:6px 10px;-webkit-border-radius:3px;border-radius:3px;margin-top:10px} .rtl .au-wid-prof{float:right;margin-right:10px} .ltr .au-wid-prof{float:left;margin-left:10px} aside .au-wid-prof{color:$(side.text);background-color:$(side.lines)} footer .au-wid-prof{color:$(footer.text);background-color:$(footer.lines)} .au-wid-prof:before{content:"\f007";font-family:fontawesome;font-weight:400;} .rtl .au-wid-prof:before{margin-left:5px} .ltr .au-wid-prof:before{margin-right:5px} .au-wid-back{margin-top:12px} .rtl .au-wid-back{float:left;} .ltr .au-wid-back{float:right;} aside .au-wid-prof:hover{color:$(wrapper);background-color:$keycolor} footer .au-wid-prof:hover{color:$(footer.back);background-color:$keycolor} /* ================== * Posts Page * ================== */ /* ====== Share Buttons ====== */ .share{width:100%;clear:both;border-top:1px solid $(postbody.lines);padding:10px 0;border-bottom:1px solid $(postbody.lines);margin-bottom:20px} .like{float:right} .share h7{color:$(postbody.subtitle);font-size:21px;margin-top:3px;font-family:BlogFont,AltFont} .rtl .share h7{float:right;} .ltr .share h7{float:left;} .share a{cursor:pointer;font-family:FontAwesome;font-size:20px;width:40px;padding:6px 0;text-align:center;color:#FFF;-webkit-border-radius:2px;border-radius:2px;vertical-align:top;height:40px} .rtl .share a{float:left;margin-right:5px;} .ltr .share a{float:right;margin-left:5px;} .share a:hover{background-color:#444!important} .share .facebook{background-color:#3C56A1} .share .twitter{background-color:#89c9fa} .share .google{background-color:#DC493C} .share .pinterest{background-color:#c72527} .share .whatsapp{background-color:#65bc54} .share .print{background-color:#1A7DB9} .fb-like.fb_iframe_widget:before{content:"\f09a";color:#fff;padding:10px 15px;background-color:#3C56A1;display:inline-block;position:absolute;top:0;left:0;font-family:FontAwesome;font-size:20px;height:40px;width:40px} .fb-like.fb_iframe_widget{padding:10px 10px 10px 50px;background-color:#f5f5f5;position:relative;-webkit-border-radius:2px;border-radius:2px;vertical-align:top;height:40px;width:114px} .fb-like.fb_iframe_widget:hover:after{width:0;opacity:0;text-indent:-100px;font-size:0} .fb-like.fb_iframe_widget:after{content:"Like";background-color:#3C56A1;position:absolute;right:0;top:0;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:100%;width:74px;color:#FFF;padding-top:12px;padding-left:10px;font-size:14px;font-family:Arial;text-indent:30px;font-weight:700;height:40px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:2} .plus-one:before{content:"\f0d5";color:#fff;padding:10px 0;background-color:#dd4e42;display:inline-block;position:absolute;top:0;left:0;font-family:FontAwesome;font-size:20px;height:40px;width:40px} .plus-one{padding:7px 10px 10px 50px;background-color:#f5f5f5;position:relative;-webkit-border-radius:2px;border-radius:2px;vertical-align:top;height:40px;width:114px;text-align:center} .rtl .plus-one, .rtl .fb-like.fb_iframe_widget{float:left;margin-right:5px;} .ltr .plus-one, .ltr .fb-like.fb_iframe_widget{float:right;margin-left:5px;} .plus-one:hover:after{width:0;opacity:0;text-indent:-100px;font-size:0} .plus-one:after{content:"+1";background-color:#dd4e42;position:absolute;right:0;top:0;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:100%;width:74px;color:#FFF;padding-top:12px;padding-left:10px;font-size:14px;font-family:Arial;text-indent:30px;font-weight:700;height:40px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:2} /* ====== Share Buttons ====== */ .post-body{color:$(postbody.text);padding:0 0 20px} .post-body span{display:inline} .post-body a:not(.ibtn){color:$(postbody.link);font-weight:700} .post-body a:not(.ibtn):hover{color:$keycolor!important;text-decoration:underline} .post-body,.post-body *{font-family:PostFont ,AltFont!important} .article-title{line-height:40px;font-family:PostFont,AltFont!important;font-weight:700;font-size:26px!important;color:$(postbody.title.color)!important;padding:10px 20px;background-color:$(postbody.title.back)} .rtl .article-title{border-right:15px solid $(keycolor);} .ltr .article-title{border-left:15px solid $(keycolor);} .post-body [dir] img{max-height:100%!important;height:auto!important;padding:5px;border:1px solid $(postbody.lines)} .post-body h3{font-weight:700;font-size:20px} .post-body h4{font-weight:700;font-size:18px;text-decoration:underline} .post-body ol li{margin-right:40px;list-style:decimal;padding-right:10px} .rtl .post-body ul li{margin-right:40px;list-style:circle;padding-right:10px} .ltr .post-body ul li{margin-left:40px;list-style:circle;padding-left:10px} .post-body ul li:hover{list-style:disc} .post-body blockquote{clear:both;background-color:$(keycolor);padding:20px;margin:5px 20px;color:#FFF;-webkit-border-radius:3px;border-radius:3px;text-indent:50px;position:relative} .post-body blockquote:before{position:absolute;font-family:fontawesome;font-size:30px;top:16px} .rtl .post-body blockquote:before{content:"\f10e";right:-30px} .ltr .post-body blockquote:before{content:"\f10d";left:-30px} .static_page .post-details{display:none} .static_page .article-title{text-align:center;margin-bottom:20px;} /* ====== Post Details ====== */ .post-details{clear:both;width:100%;border-top:1px solid $(postbody.lines);border-bottom:1px solid $(postbody.lines);padding:5px 0;margin:10px 0} .post-details h6{font-family:FontAwesome;color:$(postbody.details.icon);display:inline-block;vertical-align:0;font-size:14px;margin-left:5px} .rtl .post-labels,.rtl .post-author,.rtl .post-timestamp{display:inline-block;vertical-align:top;margin-left:10px} .ltr .post-labels,.ltr .post-author,.ltr .post-timestamp{display:inline-block;vertical-align:top;margin-right:10px} .g-profile:hover,.published:hover,.post-labels a:hover{color:$keycolor} .fn{display:inline-block;vertical-align:middle} .g-profile,.timestamp-link,.post-labels a{font-family:PostFont,AltFont;color:$(postbody.details);font-size:12px} .post-labels b{font-size:10px;color:$(postbody.details.icon);padding:0 5px} /* ====== Posts ADS ====== */ .inline-ad{text-align:center;margin-bottom:20px} #HTML202{margin-right:20px;margin-bottom:20px;text-align:center} #HTML109{text-align:center} #HTML201,#HTML203{text-align:center} #HTML201{margin-bottom:20px} #HTML203{margin-top:20px} .post-body #HTML201,.post-body #HTML203{display:block} .post-body #HTML202{float:left;display:inline} /* ====== Long Posts ====== */ .l-block{opacity:0;height:0;overflow:hidden} .b-active{opacity:1;height:auto} .post-pagin{text-align:center;padding-top:20px;border-top:1px solid $(postbody.lines);margin-top:10px} .post-pagin span{background-color:$keycolor;display:inline-block;vertical-align:top;padding:5px 10px;margin:0 5px;font-family:blogfont,AltFont!important;color:$(wrapper);-webkit-border-radius:3px;border-radius:3px;font-size:12px;cursor:pointer} /* ================== * Next & Prev Posts * ================== */ #BlogArchive1_ArchiveMenu{width:100%;padding:10px;font-family:BlogFont,AltFont;outline:none} #blog-pager{overflow:hidden;-webkit-border-radius:2px;border-radius:2px;width:-webkit-calc((100% - 200px) - 20px);width:calc((100% - 200px) - 20px)} .rtl #blog-pager{float:right;margin-right:20px} .ltr #blog-pager{float:left;margin-left:20px} div#blog-pager.pagin-top{float:none;width:100%;clear:both;margin-bottom:20px} .inav:before,.inav p,.inav span{color:#ddd!important} .blog-pager-older-link,.blog-pager-newer-link{width:50%;vertical-align:top;line-height:normal} .inav{cursor:not-allowed} .blog-pager-older-link{float:left;text-align:left;padding-right:10px} .blog-pager-newer-link{float:right;text-align:right;padding-left:10px} .blog-pager-newer-link p,.blog-pager-older-link p{font-family:BlogFont,AltFont;color:#999;font-size:16px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:bold} .blog-pager-newer-link span,.blog-pager-older-link span{font-family:BlogFont,AltFont;color:#ccc;font-size:13px;display:inline-block;vertical-align:top;margin-top:6px} .blog-pager-newer-link:before,.blog-pager-older-link:before{width:40px;height:50px;color:#eee;font-family:fontawesome;font-size:50px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .blog-pager-newer-link:before{content:"\f101";float:right;text-align:right} .blog-pager-older-link:before{content:"\f100";float:left;text-align:left} #blog-pager a:hover p{color:$(related.links)} .item #blog-pager a:hover span{color:$(related.details)} #blog-pager a:hover:before{color:$keycolor} .nav-links-only .older-text,.nav-links-only .newer-text{font-size:16px;font-weight:bold;margin-top:14px} .nav-links-only p{margin-top:-5px} /* ================== * Related Posts * ================== */ .related-posts{padding-bottom:20px} .related-posts.links{width:-webkit-calc(100% - 200px);width:calc(100% - 200px)} .related-posts.slider{width:-webkit-calc((100% - 200px) - 20px);width:calc((100% - 200px) - 20px);margin-bottom:20px;border-bottom:1px solid $(postbody.lines)} .rtl .related-posts{float:right;margin-right:20px} .ltr .related-posts{float:left;margin-left:20px} .rtl .related-posts.slider{margin-right:20px} .rtl .related-posts.links{padding-right:20px;border-right:1px solid $(postbody.lines);margin-right:-1px} .ltr .related-posts.links{padding-left:20px;border-left:1px solid $(postbody.lines);margin-left:-1px} .related-h3{font-family:BlogFont ,AltFont;border-bottom:1px solid $(postbody.lines);margin-bottom:20px;color:$(postbody.subtitle);padding-bottom:10px;font-size:19px;width:-webkit-calc((100% - 200px) - 20px);width:calc((100% - 200px) - 20px)} .rtl .related-h3{float:right;margin-right:20px} .ltr .related-h3{float:left;margin-left:20px} .relate-p{width:100%} .r-details{margin-top:5px;font-family:AltFont;font-size:12px;clear:both;color:$(related.details);overflow:hidden} .r-author{display:inline-block} .r-date{display:inline-block;margin-bottom:5px} .rtl .r-author{margin-left:20px} .ltr .r-author{margin-right:20px} .r-date:before,.r-author:before{font-family:fontAwesome;display:inline-block;vertical-align:bottom} .rtl .r-date:before,.rtl .r-author:before{padding-left:5px} .ltr .r-date:before,.ltr .r-author:before{padding-right:5px} .r-date:before{content:"\f017"} .r-author:before{content:"\f007"} .slider .relate-Thumb{position:relative;display:block;width:100%;height:150px;margin-bottom:10px;overflow:hidden;padding:5px;border:1px solid $(postbody.lines)} .rtl .relate-Thumb{margin-left:20px} .ltr .relate-Thumb{margin-right:20px} .relate-p:hover .relate-Thumb img{opacity:.7} .relate-Thumb img{width:100%;height:100%} .slider .related-title{line-height:21px;font-family:BlogFont,AltFont;color:$(related.links);margin-bottom:10px;height:42px;overflow:hidden} .related-posts .owl-nav{position:absolute;top:-55px} .rtl .related-posts .owl-nav{left:0} .ltr .related-posts .owl-nav{right:0} .related-posts .owl-nav div{font-family:fontawesome;width:25px;height:25px;text-align:center;padding-top:3px;display:inline-block;vertical-align:top;margin-right:5px;-webkit-border-radius:2px;border-radius:2px;color:$(postbody.subtitle);border:1px solid $(postbody.lines)} .links .relate-p{overflow:hidden;height:68px} .links .relate-p:not(:last-of-type){margin-bottom:10px} .links .related-title{max-height:40px;overflow:hidden} .links .relate-Thumb{;-webkit-border-radius:2px;border-radius:2px;width:72px;height:72px;} .rtl .links .relate-Thumb{float:right} .ltr .links .relate-Thumb{float:left} .links .related-title a{font-family:blogfont,AltFont;font-weight:700;font-size:14px;color:$(postbody.subtitle)} .links .related-title a:hover{color:$(keycolor)} .rtl .links .related-content{float:right;width:-webkit-calc(100% - 100px);width:calc(100% - 100px)} .ltr .links .related-content{float:left;width:-webkit-calc(100% - 100px);width:calc(100% - 100px)} a.r-author{color:$(related.details)} a.r-author:hover{text-decoration:underline} /* ================== * About Author * ================== */ .author-profile{margin-bottom:20px;overflow:hidden;min-height:390px;width:200px} .rtl .author-profile{border-left:1px solid $(postbody.lines);float:right;} .ltr .author-profile{border-right:1px solid $(postbody.lines);float:left;} .profile-h3{font-family:BlogFont ,AltFont;border-bottom:1px solid $(postbody.lines);margin-bottom:20px;color:$(postbody.subtitle);padding-bottom:10px;font-size:19px} .rtl .profile-h3{margin-left:20px;} .ltr .profile-h3{margin-right:20px;} .author-profile img{border:1px solid $(postbody.lines);width:-webkit-calc(100% - 20px);width:calc(100% - 20px);margin-bottom:10px;-webkit-border-radius:100%;border-radius:100%;padding:15px;display:block;} .author-profile a{display:block;text-align:center;font-family:BlogFont ,AltFont;color:$(related.links);font-weight:700;margin-bottom:5px;font-size:18px} .rtl .author-profile a{margin-left:20px;} .ltr .author-profile a{margin-right:20px;} .author-profile a:hover{color:$keycolor} .author-profile span[itemprop="description"]{display:block;font-family:BlogFont ,AltFont;color:$(postbody.details);font-size:12px;text-align:justify} .rtl .author-profile span[itemprop="description"]{margin-left:20px} .ltr .author-profile span[itemprop="description"]{margin-right:20px} /* ================== * Comments * ================== */ .c-icons{border-bottom:1px solid $(postbody.lines);width:100%;height:50px;-webkit-border-radius:3px;border-radius:3px;} .rtl .c-icons{text-align:left} .ltr .c-icons{text-align:right} .c-icons h3{margin-top:13px;font-family:BlogFont,AltFont;font-size:25px;color:$(postbody.subtitle)} .rtl .c-icons h3{float:right;} .ltr .c-icons h3{float:left;} .c-icons span{margin-top:9px;-webkit-border-radius:3px;border-radius:3px;margin-right:5px;font-family:BlogFont,AltFont;cursor:pointer;font-size:14px;display:inline-block;vertical-align:top;width:91px;height:30px;background:$(comm.back) url(https://3.bp.blogspot.com/-OPew1v1hjO4/VqpIpESmS7I/AAAAAAAAAvM/v3oxGsnBVd0/s1600-r/comments.png) no-repeat} .fbc{background-position:center -2px!important} .blo{background-position:center -36px!important} .dsq{background-position:center -70px!important} .plus{background-position:center -104px!important} .ico-act.blo{background-color:#FF9534!important} .ico-act.fbc{background-color:#3b5998!important} .ico-act.dsq{background-color:#2E9FFF!important} .ico-act.plus{background-color:#DD4E42!important} #comments{display:none} .Blogger-Comments #comments{display:block} .tab-cont{display:none} .cmt_iframe_holder,.cmt_iframe_holder iframe{width:100%!important;display:block!important} .tab-active{padding:20px 0;display:block} .comment{margin-bottom:10px;border:1px solid $(postbody.lines);padding:30px;overflow:hidden} .thread-toggle{display:none} .comment-header{border-bottom:1px solid $(postbody.lines);padding-bottom:25px;margin-bottom:10px} .rtl .avatar-image-container{float:right;margin-left:20px} .ltr .avatar-image-container{float:left;margin-right:20px} .avatar-image-container img{border:5px solid $(postbody.lines);width:50px;height:50px;-webkit-border-radius:3px;border-radius:3px} cite.user{font-family:BlogFont,AltFont;font-style:normal;color:$(postbody.text);font-size:18px;font-weight:700;display:block} cite.user a{color:$(postbody.text);display:block} cite.user a:hover{color:$keycolor} .datetime a{font-family:AltFont;color:$(postbody.details);font-size:12px;margin-top:5px;display:block} .datetime a:hover{text-decoration:underline} .comment-content{font-family:PostFont,AltFont;color:$(postbody.text);text-align:justify;line-height:1.5em;font-size:14px} .comment-actions,.continue{display:block;text-align:left;overflow:hidden;margin-bottom:20px} .comment-actions a,.continue a,.loadmore a{font-family:PostFont,AltFont;color:$(postbody.text);background-color:$(postbody.lines);padding:5px 20px;-webkit-border-radius:2px;border-radius:2px;margin:0 10px} .rtl .comment-actions a,.continue a,.loadmore a{float:left;} .ltr .comment-actions a,.continue a,.loadmore a{float:right;} .comment-actions a:hover,.continue a:hover,.loadmore a:hover{background-color:$keycolor;color:#FFF} .loadmore a{margin:20px 0} #bc_0_5L{overflow:hidden} p.comment-msg{font-family:blogFont,AltFont;font-size:15px;font-weight:700;color:$(postbody.details);margin-bottom:10px} p.comment-msg:before{font-family:fontawesome;display:inline-block;vertical-align:middle;color:$keycolor} .rtl p.comment-msg:before{content:"\f0a5";margin-left:10px} .ltr p.comment-msg:before{content:"\f0a4";margin-right:10px} /* ================== * ShortCodes * ================== */ /* ====== Messages ====== */ .sh-msg{font-style:normal;padding:20px 20px;display:block!important;clear:both;line-height:1.5em;-webkit-border-radius:3px;border-radius:3px;border:2px solid rgba(0,0,0,0.05);color:#FFF;font-weight:700;text-align:justify;text-shadow:1px 1px 2px rgba(0,0,0,0.1)} .sh-msg:before{content:"\f05a";display:inline-block;padding-left:20px;font-family:fontawesome;font-size:44px;vertical-align:middle;font-weight:400} .rtl .sh-msg:before{padding-left:20px} .ltr .sh-msg:before{padding-right:20px} .sh-msg.short-info{background-color:#80E4EC} .sh-msg.short-error{background-color:#FF8585} .sh-msg.short-success{background-color:#50DA79} .sh-msg.short-warning{background-color:#ECD152} /* ====== Contact Form ====== */ #ContactForm2{display:none} .post-body #ContactForm2{display:block} .rtl .inside-contact .contact-form-name{margin-left:1%} .ltr .inside-contact .contact-form-email{margin-left:1%} .rtl .inside-contact input[type='text']{float:right;width:49.5%} .ltr .inside-contact input[type='text']{float:left;width:49.5%} .rtl .inside-contact input[type='text'],.rtl .inside-contact textarea{direction:rtl} .ltr .inside-contact input[type='text'],.ltr .inside-contact textarea{direction:ltr} .inside-contact input[type='text'],.inside-contact textarea{border:1px solid $(postbody.lines);padding:10px 20px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:5px;color:$(postbody.text);font-size:14px;font-family:PostFont,AltFont!important;resize:vertical} .inside-contact textarea{display:block;width:100%} .inside-contact input[type='text']:focus,.inside-contact textarea:focus{border:1px solid $keycolor} .contact-buttons{float:left} .contact-buttons *{display:inline-block;background-color:#eee;color:#666;padding:12px 0;-webkit-border-radius:3px;border-radius:3px;font-family:BlogFont,AltFont!important;font-weight:700;cursor:pointer;width:100px;text-align:center;font-size:16px;border:2px solid #ddd;outline:none} #ContactForm2 .contact-form-button-submit:hover{border:2px solid #37a96d;background-color:#4cd08b} .cancel-button:hover{border:2px solid #9c3030;background-color:#bf4545} .contact-buttons *:hover{color:#FFF} .inside-contact{margin-bottom:20px} .contact-message{float:right;margin-top:10px} .contact-message p{font-family:PostFont,AltFont!important;font-size:12px;color:$(postbody.text)} .contact-message p img{float:right;vertical-align:-3px;margin:6px 0 0 10px;padding:0;border:0} .contact-message p img{float:right;vertical-align:-3px;margin:6px 0 0 10px;padding:0;border:0} /* ====== Accordion ====== */ .accordion .acor-title{background-color:$(postbody.lines);color:$(postbody.text);padding:10px 20px;position:relative;cursor:pointer;height:50px;font-weight:700} .accordion .acor-content{width:100%;max-height:0;padding:0 20px;margin-bottom:10px;text-align:right;display:block;overflow:hidden} .accordion .acor-title:after{content:"\f055";font-family:fontawesome;position:absolute;font-size:30px;top:8px;color:rgba(0,0,0,0.2);font-weight:400} .rtl .accordion .acor-title:after{left:20px} .ltr .accordion .acor-title:after{right:20px} h6.acor-title-active:after{content:"\f056"} div.acor-content.acor-active{max-height:1000px;padding:20px} h6.acor-title-active{background-color:$keycolor} /* ====== Buttons ====== */ .ibtn{-webkit-border-radius:5px;border-radius:5px;display:inline-block;vertical-align:top;font-weight:700;margin:5px;border:1px solid rgba(0,0,0,0.05);-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;-webkit-box-shadow:0 -20px 75px 0 rgba(0,0,0,0.2) inset;box-shadow:0 -20px 75px 0 rgba(0,0,0,0.2) inset;text-shadow:1px 1px 0 rgba(0,0,0,0.1);font-family:BlogFont ,AltFont!important} .ibtn:hover{-webkit-box-shadow:0 -20px 75px 0 rgba(0,0,0,0.25) inset;box-shadow:0 -20px 75px 0 rgba(0,0,0,0.25) inset} .ibtn-1{padding:10px 15px;font-size:16px} .ibtn-2{padding:10px 25px;font-size:17px} .ibtn-3{padding:15px 30px;font-size:20px} .ibtn-4{padding:20px 35px;font-size:24px} .iDown:before{content:"\f0ed";font-family:fontawesome;display:inline-block;vertical-align:top} .rtl .iDown:before{padding-left:10px} .ltr .iDown:before{padding-right:10px} .iDown.ibtn-1:before{font-size:24px} .iDown.ibtn-2:before{font-size:25px} .iDown.ibtn-3:before{font-size:28px;font-size:31px} .iPrev:before{content:"\f002";font-family:fontawesome;display:inline-block;vertical-align:top} .rtl .iPrev:before{padding-left:10px} .ltr .iPrev:before{padding-right:10px} .iPrev.ibtn-1:before{font-size:20px} .iPrev.ibtn-2:before{font-size:25px} .iPrev.ibtn-3:before{font-size:28px;font-size:31px} /* ====== Slider ====== */ .post-body .slider{clear:both;margin:20px auto;width:100%;display:none} .post-body .owl-carousel .owl-item{height:100%} .post-body .slider a{display:block;position:relative;direction:rtl} .post-body .slider-cover a{height:auto} .post-body .slider .owl-dot{display:inline-block;width:20px;height:20px;vertical-align:top;margin:0 3px} .post-body .slider .owl-dot span{display:block;width:100%;height:100%;background-color:$(postbody.lines);-webkit-border-radius:100%;border-radius:100%;border:5px solid #FFF;-webkit-box-shadow:0 0 6px -3px #000;box-shadow:0 0 6px -3px #000} .post-body .slider img{width:100%;min-height:100%;padding:0;border:none;border-radius:2px;} .post-body .slider .owl-nav div{z-index:5;display:block;font-family:fontawesome!important;text-align:center;-webkit-border-radius:2px;border-radius:2px;font-weight:700} .post-body .slider-cover .owl-item a:after,.slider-cover .owl-item div:after{content:attr(title);position:absolute;width:100%;bottom:0;display:block;z-index:2;color:#FFF;font-family:PostFont ,AltFont!important;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(transparent,#000 100%);background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000));background:-o-linear-gradient(transparent,#000 100%);background:linear-gradient(transparent,#000 100%);padding:30px} .slider-cover .owl-item{padding:0} .slider-cover .owl-dots{position:absolute;top:20px;right:30px} .post-body .slider-cover .owl-dot span{background-color:rgba(255,255,255,0.1);border:5px solid rgba(255,255,255,0.1)} .slider-cover .owl-dot.active span{border:5px solid #fff} .slider-cover .owl-nav div{background-color:rgba(0,0,0,0.7);color:#FFF;width:40px;height:40px;top:20px;font-size:30px;line-height:37px;position:absolute;} .slider-cover .owl-next{left:65px} .slider-cover .owl-prev{left:20px} .slider-cover .owl-nav div:hover{background-color:$keycolor} .slider-carousel a{height:auto} .slider-carousel[data-items='2'] .owl-stage{height:250px;overflow:hidden} .slider-carousel[data-items='3'] .owl-stage{height:200px;overflow:hidden} .slider-carousel[data-items='4'] .owl-stage{height:150px;overflow:hidden} .slider-carousel .owl-item div, .slider-carousel .owl-item a, .slider-carousel .owl-item img{width:100%;display:block;height:100%} .slider-carousel .owl-item a,.slider-carousel .owl-item div{position:relative} .slider-carousel .owl-item a:after,.slider-carousel .owl-item div:after{content:attr(title);position:absolute;width:100%;bottom:0;display:block;z-index:2;color:#FFF;font-family:PostFont ,AltFont!important;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(transparent,#000 100%);background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000));background:-o-linear-gradient(transparent,#000 100%);background:linear-gradient(transparent,#000 100%);line-height:1.5;overflow:hidden;font-size:14px;font-weight:700;text-align:right;padding:20px 15px} .slider-carousel .owl-dots{float:right;margin-top:20px;margin-right:10px;text-align:center;direction:rtl} .slider-carousel{width:102%;margin-right:-1%} .slider-carousel .owl-dot span{background-color:$(wrapper);border:5px solid #FFF} .slider-carousel .owl-dot.active span{background-color:$keycolor;border:3px solid #FFF} .slider-carousel .owl-nav div:hover{background-color:$keycolor;color:#FFF} .slider-carousel .owl-next{left:15px} .slider-carousel .owl-prev{left:10px} .slider-carousel .owl-nav div{background-color:$(postbody.lines);color:$keycolor;width:30px;height:30px;top:10px;font-size:26px;float:left;line-height:31px;position:relative} /* ====== Programmers Codes ====== */ .s-code::-webkit-scrollbar{height:10px} .s-code::-webkit-scrollbar-track{-webkit-border-radius:100px;border-radius:100px} .s-code::-webkit-scrollbar-thumb{background-color:#444;-webkit-border-radius:100px;border-radius:100px} .s-code.t-HTML::-webkit-scrollbar-thumb:hover{background-color:#2AA4DA} .s-code.t-CSS::-webkit-scrollbar-thumb:hover{background-color:#0A9E6A} .s-code.t-JAVASCRIPT::-webkit-scrollbar-thumb:hover{background-color:#B58A33} .s-code.t-CODE::-webkit-scrollbar-thumb:hover{background-color:#CCC} .s-code{background-color:#222;clear:both;display:block;direction:ltr;width:100%;-webkit-border-radius:3px;border-radius:3px;overflow:hidden} .s-code:hover{overflow-x:scroll} .t-code{display:table-cell;vertical-align:top;width:100%;margin:0;white-space:normal} .t-code code{display:block;color:#ccc;font-size:14px;font-family:monospace!important;height:30px;padding:7px 20px;white-space:nowrap} .t-code code:nth-of-type(odd){background-color:#151515} .l-code{display:table-cell;vertical-align:top;min-width:40px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none} .l-code em{display:block;font-style:normal;color:#fff;text-align:center;font-family:sans-serif!important;height:30px;line-height:1;padding-top:7px} .l-code em:nth-of-type(odd){background-color:rgba(255,255,255,0.1)} .s-code:before{display:table-caption;width:100%;padding:0 20px;font-family:monospace;font-size:24px;height:50px;padding-top:10px;font-weight:700} .t-HTML .l-code{background-color:#2AA4DA} .t-CSS .l-code{background-color:#0A9E6A} .t-JAVASCRIPT .l-code{background-color:#B58A33} .t-CODE .l-code{background-color:#444} .s-code.t-HTML:before{content:"< HTML >";border-bottom:2px solid #2AA4DA;color:#2AA4DA} .s-code.t-CSS:before{content:"< CSS >";border-bottom:2px solid #0A9E6A;color:#0A9E6A} .s-code.t-JAVASCRIPT:before{content:"< JAVASCRIPT >";border-bottom:2px solid #B58A33;color:#B58A33} .s-code.t-CODE:before{content:"< CODE >";border-bottom:2px solid #999;color:#999} /* ==================== * Archive Page * ==================== */ .rtl .ArchivePage .Ar-Category{padding-right:60px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0;border-left:5px solid $keycolor} .ltr .ArchivePage .Ar-Category{padding-left:60px;-webkit-border-radius:100px 10px 10px 100px;border-radius:100px 10px 10px 100px;border-right:5px solid $keycolor} .ArchivePage .Ar-Category{display:block;font-size:20px;font-family:BlogFont,AltFont!important;font-weight:700;margin-top:20px;background-color:$(postbody.lines);padding:5px 30px;margin-bottom:10px;height:40px;position:relative;line-height:1.5em} .Ar-Category:before{font-family:fontawesome;font-size:14px;display:inline-block;color:#fff;content:"\f02c";font-weight:400;background-color:$keycolor;width:40px;height:40px;position:absolute;text-align:center;padding-top:6px;top:0;font-size:17px} .rtl .Ar-Category:before{-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0} .ltr .Ar-Category:before{-webkit-border-radius:100px 0 0 100px;border-radius:100px 0 0 100px} .rtl .Ar-Category:before{right:0;} .ltr .Ar-Category:before{left:0;} .arch-link{display:block;font-size:14px} /* ================== * Print Style * ================== */ @media print { #HeaderTop,#HeaderMid,#HeaderBot,#Intro,.I-toggle,aside,.share,.author-profile,.related-h3,.related-posts,#blog-pager,#HTML106,#LinkList104,#HTML201,#HTML202,#HTML203,.mobile .mobile-pager,.mobile .share,.SettBox,footer,#copyrights{display:none!important} .article-title,.post-details{text-align:center!important} body{background:#FFF} .mainWrapper{-webkit-box-shadow:none;box-shadow:none;} .post-body blockquote{-webkit-print-color-adjust: exact;} header{margin-top:0!important} main{width:100% !important;float:none!important;border:none!important;padding:0!important} .mainWrapper{width:100%!important;max-width:5000px!important} } /* ===================== * Responsive [Custom] * ===================== */ .resp-it{overflow:visible!important;position:absolute;width:200px;background-color:$(menu.back);top:100px;z-index:5;padding:20px;-webkit-border-radius:3px;border-radius:3px;right:25px;display:none} .rtl .resp-it{right:15px} .ltr .resp-it{left:15px} .resp-it li{width:100%;float:none;display:block;text-align:center;float:right;margin-left:5px} #LinkList101 .menu-active .ma>a{margin-top:0;background-color:transparent;color:$(menu.link.color);-webkit-border-radius:0!important;border-radius:0!important;border-bottom:1px dashed $(menu.link.color)} #LinkList101 .menu-active .ma>a:hover{background:none!important;border-bottom:1px dashed $keycolor;color:$(menu.hover.back)!important} .resp-it:before{content:"";border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:20px solid $(menu.back);position:absolute;top:-17px;right:-webkit-calc(50% - 20px);right:calc(50% - 20px)} .show-bt{display:block!important} .mobile .post-outer:last-of-type{padding-bottom:0;border-bottom:0} .mobile .m-Nav{font-family:BlogFont,AltFont;padding:8px 10px;width:50%;color:#999} .mobile-older{float:left;text-align:left;border-right:1px solid #EEE} .mobile .m-Nav p{font-family:BlogFont,AltFont;font-size:16px;font-weight:700;color:#999} .mobile .m-Nav span{font-size:13px;color:#ccc} .mobile-newer{float:right} .desktop-disp{line-height:normal;width:200px;background-color:$keycolor;color:#FFF;padding:10px 0;display:block;margin:20px auto;text-align:center;font-family:BlogFont,AltFont;font-size:19px;-webkit-border-radius:3px;border-radius:3px;border-bottom:5px solid rgba(0,0,0,0.1)} .desktop-disp:before{content:"\f108";font-family:fontawesome;font-size:40px;display:block} .mobile .article-title{margin-top:20px} .mobile-post-outer{border-bottom:1px solid $(post.lines);padding:20px 0} .index-thumb{display:table-cell;padding:5px;vertical-align:top;border:1px solid $(post.lines);height:100px;width:100px} .index-thumb span{display:block;width:100%;height:100%;-webkit-background-size:cover!important;background-size:cover!important;background-position:center center!important} .rtl .mobile-post-details{display:table-cell;vertical-align:top;padding-right:20px} .ltr .mobile-post-details{display:table-cell;vertical-align:top;padding-left:20px} .mobile-index-title a{font-family:BlogFont,AltFont;color:$(post.title);display:block;font-size:19px;line-height:1.2;margin-bottom:5px} .mobile-post-snippet{font-family:BlogFont,AltFont;color:$(post.details);font-size:14px;text-align:justify;display:block} .mobile main,.mobile aside{display:block;border:0;float:none;width:100%;clear:both;border:0;padding:0 30px;margin:0} .mobile .item-thumbnail{width:72px;height:72px;position:relative;margin-bottom:0} .mobile.rtl .item-thumbnail{float:right;margin-left:20px} .mobile.ltr .item-thumbnail{float:left;margin-right:20px} .mobile .item-title a{display:block;font-size:14px} .mobile #HTML109{margin-top:20px} @media screen and (max-width :1100px) { body .container #Header1{margin-bottom:20px;float:none;display:block;width:100%;text-align:center;vertical-align:top} #Header1_headerimg{display:block;height:auto;width:auto;margin:0 auto 20px} #HTML100{display:block;vertical-align:top;width:100%;min-height:auto} } @media screen and (max-width :1024px) { body .mainWrapper{width:100%} } @media screen and (max-width :900px) { .res-butt1,.res-butt2{display:block} aside .widget{vertical-align:top;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin-bottom:20px} .rtl aside .widget{float:right} .ltr aside .widget{float:left} .rtl aside .widget:nth-of-type(odd){margin-left:20px} .ltr aside .widget:nth-of-type(odd){margin-right:20px} #LinkList102 a{width:100px} .rtl #PageList1{width:50px;float:right} .ltr #PageList1{width:50px;float:left} #PageList1 ul{background-color:$(top.back);position:absolute;max-width:220px;min-width:150px;text-align:center;top:60px;-webkit-border-radius:3px;border-radius:3px;padding:20px;z-index:3;display:none} .rtl #PageList1 ul{right:-20px} .ltr #PageList1 ul{left:-20px} #PageList1 ul:before{border-bottom:10px solid $(top.back)} #PageList1 li a:after{display:none} #PageList1 ul:before{content:"";border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-9px} #PageList1 ul:before{content:"";border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-9px} .rtl #PageList1 ul:before{right:25px} .ltr #PageList1 ul:before{left:25px} #PageList1 li a:after{display:none} #PageList1 li a{font-weight:700;-webkit-border-radius:3px;border-radius:3px;margin:0 0 5px} #PageList1 li{display:block} body .container main,body .container aside{border:0;float:none;width:100%;clear:both;border:0;padding:0 30px;margin:0} .ma.subed ul:before{display:none} #LinkList102{text-align:center} #LinkList100{margin-bottom:10px;max-width:-webkit-calc(100% - 50px);max-width:calc(100% - 50px);overflow:hidden} #HeaderMid{display:block} #LinkList101>ul{overflow:visible;position:absolute;width:200px;background-color:$(menu.back);z-index:3;padding:20px;-webkit-border-radius:3px;border-radius:3px;display:none} .menu-1 #LinkList101>ul{top:90px} .menu-2 #LinkList101>ul{top:60px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px} .rtl.menu-2 #LinkList101>ul{right:90px;left:90px} .menu-2 #LinkList101>ul:before{display:none} .rtl.menu-1 #LinkList101>ul{right:15px} .ltr.menu-1 #LinkList101>ul{left:15px} #LinkList101>ul>li{width:100%;float:none;display:block;text-align:center;float:right;margin-left:5px} #LinkList101>ul:before{content:"";border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:20px solid $(menu.back);position:absolute;top:-17px;right:-webkit-calc(50% - 20px);right:calc(50% - 20px)} #LinkList101 .ma.subed>ul{position:relative;top:0;right:0;opacity:1;-webkit-border-radius:0;border-radius:0;width:100%;background-color:$(menu.link.back);overflow:hidden;padding:0;display:block;max-height:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .menu-2 #LinkList101>ul>li>a{padding:10px 20px} } @media screen and (max-width :768px) { .share h7{float:none;clear:both;display:block;width:100%;margin-bottom:10px;text-align:center} .author-profile{border:1px solid $(postbody.lines)} body .container .related-posts.links{padding:0;border:none} .rtl .author-profile a{text-align:right} .ltr .author-profile a{text-align:left} .ltr .author-profile img{margin-right:20px} .rtl .author-profile img{margin-left:20px} body .container .profile-h3,body .container .author-profile a,body .container .author-profile span[itemprop="description"]{margin-left:0;margin-right:0} .rtl .related-posts.slider{margin-right:0} } @media screen and (max-width:640px) { body .container #LinkList104{float:none;margin:0 auto 10px;text-align:center;clear:both} .c-site{display:block!important;float:none!important;margin:0!important} .c-right{padding-top:15px;text-align:center} body .container .share h7{clear:both;width:100%;float:none;display:block} body .container .share a,body .container .fb-like.fb_iframe_widget,body .container .plus-one{display:inline-block;float:none;margin:10px auto 0} .share{text-align:center;direction:ltr} .fb-like.fb_iframe_widget:after{text-indent:-30px} #HTML140{display:block;margin-left:0;text-align:center;margin-bottom:10px} #HTML140 p{display:inline-block;width:-webkit-calc(100% - 190px);width:calc(100% - 190px)} .c-icons{height:auto;border:0} body .container .c-icons{text-align:initial} body .container .c-icons h3{border-bottom:1px solid $(postbody.lines);display:block;float:none;clear:both;margin-bottom:10px} .c-icons span:first-of-type{margin-left:0} .comment{padding:20px} } @media screen and (min-width :385px) and (max-width : 480px) { .rtl #LinkList102 a:nth-of-type(even){margin-left:4%} .ltr #LinkList102 a:nth-of-type(even){margin-right:4%} .rtl #LinkList102 a:nth-of-type(3n){margin-left:0} .ltr #LinkList102 a:nth-of-type(3n){margin-right:0} } @media screen and (max-width :480px) { aside .widget{display:block;vertical-align:top;width:100%;margin:0 0 20px} #HeaderTop,#HeaderMid,body .container main,body .container aside,#copyrights,.f-cols{padding-left:20px;padding-right:20px} #int-one,#int-two,#HeaderBot #LinkList101{margin-left:20px;margin-right:20px} .popular-posts li{width:100%;margin:0 0 10px!important;float:none;height:auto} #f-row .email{padding:0 20px} .rtl #ContactForm1{right:-webkit-calc(50% - 100px);right:calc(50% - 100px)} .ltr #ContactForm1{left:-webkit-calc(50% - 100px);left:calc(50% - 100px)} body .container .inside-contact input[type='text']{float:none;margin-left:0;width:100%} } @media screen and (max-width :320px) { #HeaderTop,#HeaderMid,body .container main,body .container aside,#copyrights,.f-cols{padding-left:10px;padding-right:10px} #int-one,#int-two,#HeaderBot #LinkList101{margin-left:10px;margin-right:10px} .menu-2 #LinkList101>ul{right:20px} .index-thumb{display:block;margin-bottom:20px;width:100%;height:150px} body .container .mobile-post-details{padding-right:0;padding-left:0} #f-row{padding:20px 10px} body .container #HTML140 p{margin:10px 0} body .container #Blog1 .author-profile{padding:10px} .post-body blockquote{margin:5px 0} .ltr .author-profile img{margin-right:10px} .rtl .author-profile img{margin-left:10px} .comment{padding:10px} } @media screen and (max-width :240px) { .t-search.fa,.search-form{display:none} #LinkList100{margin-top:-50px} #HeaderTop,#HeaderMid,body .container main,body .container aside,#copyrights{padding-left:10px;padding-right:10px} #int-one,#int-two,#LinkList101{margin-left:10px;margin-right:10px} } /* ===================== * Error Page * ===================== */ .error{text-align:center;position:absolute;top:-webkit-calc(50% - 137.5px);top:calc(50% - 137.5px);left:-webkit-calc(50% - 180px);left:calc(50% - 180px)} .fa-bolt{background-color:$keycolor;font-size:80px!important;width:100px;height:100px;-webkit-border-radius:100%;border-radius:100%;padding:10px;color:#FFF} .error span{display:block;font-family:blogfont,AltFont;font-size:40px;margin-top:20px;color:$keycolor;font-weight:700} .error p{font-family:blogfont,AltFont;font-size:22px;color:$(post.title)} .error a{background-color:$(post.lines);color:$(post.details);font-family:blogfont,AltFont;margin:10px auto;padding:10px 20px;display:block;-webkit-border-radius:3px;border-radius:3px;width:170px;font-size:19px} .error a:hover{background-color:$keycolor;color:#fff} /* ===================== * Owner Styles * ===================== */ ]]>
