Перейти к содержимому


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 96 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 85.5 Вне конкурса за определение пользователя месяца

  • Фотография yuran
    #3

    yuran (yurbol.ru)
    Очков активности: 82.5 0 тем, 55 сообщений, 1 балл репутации

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 51 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 51 0 тем, 34 сообщения, 1 балл репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 31.5 2 темы, 15 сообщений, 1 балл репутации

  • Фотография алексс
    #8

    алексс
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

  • Фотография Андрей WPMasterKZ
    #9

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 19.5 0 тем, 13 сообщений, 1 балл репутации

  • Фотография Scool
    #10

    Scool (stostory.ru)
    Очков активности: 19.5 3 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 15.11.2018
Топ 5 участников по репутации


Помощь с эффектом в CSS

#1 SeredinPlus

SeredinPlus
  • Неактивные
  • 237 сообщений
  • Репутация: 8
0

Отправлено 28 April 2017 - 20:25

Установил тему на блог wordpress, устраивает всем, кроме эффекта "выплывания" всех элементов сайта, который задерживает его отображение при загрузке. Он мне не нравится, а знание языков разметки недостаточное, чтобы его отключить. Сам эффект, как я понимаю, прописан в файле rtl.css, содержание ниже. Список остальных файлов темы прикладываю изображением, буду очень благодарен вашей помощи. e1aa0f84e148.png

/*
Theme Name: Vito
Theme URI: http://themes.quemalabs.com/vito/
Author: Quema Labs
Author URI: http://www.quemalabs.com/
Description: A free good looking theme.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: vito
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
==========================================
Theme Styles
========================================== 
*/
/* Animation at loading page */
/*
==========================================
Header
========================================== 
*/
/*-----------------------------*/
/*
Nav Menu
---------------------------------------*/
#jqueryslidemenu ul.nav {
	text-align: left;
}
/*Top level list items*/
#jqueryslidemenu ul.nav > li {
	margin-right: 0.625em;
	margin-left: auto;
}
/*Top level menu link items style*/
#jqueryslidemenu ul.nav > li > a {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}
/* Active item ----------*/
/*1st sub level menu*/
#jqueryslidemenu ul.nav > li > ul li ul {
	right: 100%;
	left: auto;
}
/* Multi level dropdown -------*/
.dropdown-submenu > .dropdown-menu {
	right: 0;
	margin-right: -1px;
	left: auto;
	margin-left: auto;
}
.dropdown-submenu > a:after {
	float: left;
	;
	margin-right: auto;
}
.dropdown-submenu.pull-right > .dropdown-menu {
	right: -100%;
	margin-right: 10px;
	left: auto;
	margin-left: auto;
}
/* Mobile Nav icon (Hamburguer) -----------*/
/* Dropdown arrow ------------*/
/* Select Navigation */
/*
End Nav Menu
---------------------------------------*/
/*
Mobile Menu Button
---------------------------------------*/
#ql-main-nav-btn {
	left: 10px;
	right: auto;
}
/*
Social Nav
---------------------------------------*/
.nav_social li a {
	right: 1px;
	left: auto;
}
/*
==========================================
Blog & Pages
========================================== 
*/
/*Page Title 								*/
/*------------------------------------------*/
/*Post										*/
/*------------------------------------------*/
/*Post Title 								*/
/*------------------------------------------*/
.post_title a {
	text-align: right;
}
/*Read more								*/
/*------------------------------------------*/
/*Image Post								*/
/*------------------------------------------*/
/*Metadata 									*/
/*------------------------------------------*/
.metadata ul li {
	margin: 0 0 5px 5px;
}
.metadata ul li i {
	margin-left: 0.35714285714286em;
	margin-right: auto;
}
/*Tags															*/
/*----------------------------------------------------------------------*/
.tags i {
	margin-left: 10px;
	margin-right: auto;
}
.tags a {
	margin-left: 15px;
	margin-right: auto;
}
/*Pagination															*/
/*----------------------------------------------------------------------*/
.pagination a,
.pagination span {
	float: right;
	margin-right: -2px;
	margin-left: auto;
}
/*Post and Page Pagination					*/
/*------------------------------------------*/
.page-links a,
.page-links span {
	float: right;
	margin-right: -2px;
	margin-left: auto;
}
.page-links a {
	padding-right: 0;
	padding-left: 0;
}
.page-links .screen-reader-text,
.page-links a span {
	margin-right: -2px;
	margin-left: auto;
}
/*Pages 									*/
/*------------------------------------------*/
/*
==========================================
Footer
========================================== 
*/
/*
Footer
------------------------
*/
#footer ul,
footer ol {
	margin-right: 0;
	margin-left: auto;
}
/*
==========================================
Social Nav
========================================== 
*/
#footer .nav_social li a:before {
	right: 0;
	left: 0;
}
/*
==========================================
Sidebar
========================================== 
*/
.sidebar-inside {
	margin-right: 20px;
	margin-left: auto;
}
/*
Widgets
--------------------------------
*/
#sidebar .widget ul,
#sidebar .widget ol {
	margin-right: 0px;
	padding-right: 0;
	padding-left: 0;
	margin-left: auto;
}
#sidebar .widget ul li {
	margin-left: 15px;
	margin-right: auto;
}
#sidebar .widget ul li ul {
	margin-right: 15px;
	margin-left: auto;
}
#sidebar .hasChildren i {
	left: 0;
	right: auto;
}
/*
Ad Widget
--------------------------------
*/
#sidebar .ad_125 a {
	margin-left: 10px;
	margin-right: auto;
}
/*
Recent Comments Widget
--------------------------------
*/
#sidebar .widget_recent_comments ul li {
	padding-right: 35px;
	padding-left: 0;
}
#sidebar .widget_recent_comments ul li::before {
	right: 0;
	left: auto;
}
#sidebar .widget_recent_comments ul li i {
	right: 0;
	left: auto;
}
/*
Recent Posts Widget
--------------------------------
*/
/*
Tag Widget
--------------------------------
*/
#sidebar .widget_tag ul li {
	margin: 0 0 0.90909090909091em 0.90909090909091em;
	float: right;
}
/*
Search Widget
--------------------------------
*/
.widget_search #s {
	padding-left: 30px;
	padding-right: 0;
}
.widget_search #searchsubmit {
	left: 15px;
	right: auto;
}
.widget_search i {
	left: 12px;
	right: auto;
}
/*
==========================================
Comments
========================================== 
*/
/*===========================================================================*/
/*Comments																	 */
/*===========================================================================*/
.commentlist {
	margin-right: 0;
	margin-left: auto;
}
.ie8 ol.commentlist li .comment-entry,
.ie7 ol.commentlist li .comment-entry {
	float: left;
}
ol.commentlist .comment-entry span.arrow_comment {
	right: -22px;
	left: auto;
}
.comment-meta {
	float: right;
	margin-right: 10px;
	margin-left: auto;
}
.reply {
	float: left;
	clear: left;
}
#comments ul.children {
	margin-right: 30px;
	margin-left: auto;
}
/*===========================================================================*/
/*Comments	Form															 */
/*===========================================================================*/
#respond .input-wrap {
	margin: 0px 0 10px 15px;
	float: right;
}
#respond input {
	padding-right: 2.30769230769231em;
	padding-left: 0;
}
#respond .controls-wrap i {
	right: 0.71428571428571em;
	left: auto;
}
#respond #submit-respond {
	padding-right: 12px;
	padding-left: 0;
}
/*
==========================================
Pace (Loading animation)
========================================== 
*/
.pace .pace-progress {
	right: 0;
	left: auto;
}
.pace .pace-progress-inner {
	left: 0px;
	right: auto;
}
.pace .pace-activity {
	left: 15px;
	border-right-color: #68b1d5;
	right: auto;
}
/*
==========================================
Animate CSS
========================================== 
*/
/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
20%,
  60% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}
40%,
  80% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}
20%,
  60% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}
40%,
  80% {
	-webkit-transform-origin: top right;
	transform-origin: top right;
}
100% {
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
100% {
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
100% {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
100% {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
/*
==========================================
WordPress Default
========================================== 
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignnone {
	margin: 5px 0 20px 20px;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.aligncenter {
	margin-right: auto;
	margin-left: auto;
}
.wp-caption.alignnone {
	margin: 5px 0 20px 20px;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
/*------------------------------------------------------------
 Defaul Widgets
-------------------------------------------------------------- */
/* Archive List Widget
-------------------------------------- */
/* Calendar Widget
-------------------------------------- */
.widget_calendar {
	float: right;
}
#wp-calendar caption {
	text-align: left;
}
#wp-calendar tfoot #next {
	text-align: left;
}
/* Categories Widget
-------------------------------------- */
/* Recent Comments Widget
-------------------------------------- */
/* Recent Entries Widget
-------------------------------------- */
/* RSS Widget
-------------------------------------- */
/* Search Widget
-------------------------------------- */
.widget_search #s {
	padding-left: 32px;
	padding-right: 0;
}
.widget_search #searchsubmit {
	left: 15px;
	right: auto;
}
.widget_search i {
	left: 15px;
	right: auto;
}
/* Tag Cloud Widget
-------------------------------------- */
/* Nav Menu Widget
-------------------------------------- */
.widget_nav_menu .menu-navigation-container .sub-menu {
	padding-right: 20px;
	padding-left: 0;
}
/* Search Form
-------------------------------------- */
.widget_search .search-submit {
	left: 0;
	right: auto;
}
.search-form label::before {
	left: 15px;
	right: auto;
}
.widget_search i {
	left: 12px;
	right: auto;
}
/* Post Navigation
-------------------------------------- */
.post-navigation .nav-previous {
	float: right;
}
.post-navigation .nav-next {
	float: left;
	text-align: left;
}
.post-navigation .nav-previous a {
	padding-right: 45px;
	padding-left: 0;
}
.post-navigation .nav-next a {
	padding-left: 45px;
	padding-right: 0;
}
.post-navigation .nav-previous a::before {
	right: 20px;
	left: auto;
}
.post-navigation .nav-next a::before {
	left: 20px;
	right: auto;
}
/*
==========================================
Global Styles
========================================== 
*/
.preloader {
	right: 0;
	left: auto;
}
.preloader i {
	right: 50%;
	left: auto;
}
/* Custom button
-------------------------------------------------- */
/* Override base .btn styles */
/* Apply text and background changes to three key states: default, hover, and active (click). */
/* Apply the custom-colored gradients */
/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */
.btn-ql > i {
	right: 44%;
	left: auto;
}
/*For special occacions */
.btn-ql > b.ql_sec_icon {
	right: 43%;
	left: auto;
}
/* Set the hover state */
/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */
/*
Show the icon
*/
/*
Hide the icon
*/
/*Call To Action Button													*/
/*----------------------------------------------------------------------*/
/*Before & After														*/
/*----------------------------------------------------------------------*/
/* Section Title														*/
/*----------------------------------------------------------------------*/
.ql_title:before {
	right: 0;
	left: auto;
}
/* Section Title														*/
/*----------------------------------------------------------------------*/
.ql_line_full {
	right: -15px;
	left: -15px;
}
/* Scroll to Top Button													*/
/*----------------------------------------------------------------------*/
.ql_scroll_top i {
	margin-right: 10px;
	margin-left: auto;
}
/* QL Navigation Tabs													*/
/*----------------------------------------------------------------------*/
.ql_nav_tabs li a {
	padding-right: 35px;
	padding-left: 5.45454545454545em;
}
.ql_nav_tabs li a i {
	right: 0;
	left: auto;
}
/* Testimonials															*/
/*----------------------------------------------------------------------*/
.ql_testimonial .flex-direction-nav {
	left: -25px;
	right: auto;
}
/*Hero Colors Classes													*/
/*----------------------------------------------------------------------*/
/* Make Space between sections											*/
/*----------------------------------------------------------------------*/
/* Hover effect for thumbnails											*/
/*----------------------------------------------------------------------*/
.ql_thumbnail_hover > span {
	right: 10px;
	left: 10px;
}
.ql_thumbnail_hover > span > i {
	margin-right: -33px;
	right: 50%;
	left: auto;
	margin-left: auto;
}
/* Scrollbars webkit													*/
/*----------------------------------------------------------------------*/
/* Font size using REMs													*/
/*----------------------------------------------------------------------*/
.ql_brand {
	right: 1.07142857142857em;
	left: auto;
}
/* Background Check														*/
/*----------------------------------------------------------------------*/
/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}
@media (min-width: 768px) {
/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}
}
@media (min-width: 992px) {
@media (min-width: 768px) {
/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}
}
}
@media (min-width: 1200px) {
@media (min-width: 992px) {
@media (min-width: 768px) {
/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}
}
}
}
/* Inputs																*/
/*----------------------------------------------------------------------*/
#jqueryslidemenu ul.nav {
	text-align: right;
}
#jqueryslidemenu ul.nav > li {
	margin-right: 0;
	margin-left: auto;
}
/*
	Blog
	========================================== 
	*/
/*
==========================================
Responsive Styles
========================================== 
*/
/*
	// Extra Small Breakpoint
	// ------------------
	*/
@media (max-width: 767px) {
@media (min-width: 992px) {
@media (min-width: 768px) {
/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}
}
}
@media (min-width: 1200px) {
@media (min-width: 992px) {
@media (min-width: 768px) {
/* columns of same height styles */
.container-xs-height {
	padding-right: 0px;
	padding-left: 0px;
}
}
}
}
/* Inputs																*/
/*----------------------------------------------------------------------*/
#jqueryslidemenu ul.nav {
	text-align: right;
}
#jqueryslidemenu ul.nav > li {
	margin-right: 0;
	margin-left: auto;
}
/*
	Blog
	========================================== 
	*/
}
/*
	Blog
	========================================== 
	*/
.metadata ul li {
	float: right;
	margin-left: 20px;
	margin-right: auto;
}
/*
	// Small Breakpoint
	// ------------------
	*/
@media (min-width: 768px) and (max-width: 1345px) {
/*
	Blog
	========================================== 
	*/
.metadata ul li {
	float: right;
	margin-left: 20px;
	margin-right: auto;
}
}
/*
	Blog
	========================================== 
	*/
/*
	Sidebar
	========================================== 
	*/
  #sidebar .sidebar-inside {
	margin-right: 0;
	margin-left: auto;
}
/*
	// Medium Breakpoint
	// ------------------
	*/
@media (min-width: 1346px) and (max-width: 1509px) {
/*
	Sidebar
	========================================== 
	*/
  #sidebar .sidebar-inside {
	margin-right: 0;
	margin-left: auto;
}
}
/*
	Audio Player
	========================================== 
	*/
/*
	Video Player
	========================================== 
	*/
/*
	// Extra Larga Breakpoint
	// ------------------
	*/
@media (min-width: 1510px) {
}
/*
==========================================
LESS Variables and Mixins
========================================== 
*/
/* Generated by the RTLer - http://wordpress.org/extend/plugins/rtler/ */

 

 

  • 0

#2 Ixman

Ixman
  • Пользователь PRO
  • 2942 сообщений
  • Репутация: 766

Отправлено 28 April 2017 - 20:56

Честно материться хочется. Нельзя было код под спойлер спрятать? По существу. RTL, если не ошибаюсь, то это right to left, то есть отображение справа налево. Присуще арабским языкам, где пишут справа налево. Поэтому не думаю, что в этом css файле решение вашей проблемы. А так дайте живой пример, посмотрю что там вас не устраивает


  • 0


#3 TimurR

TimurR
  • Пользователь PRO
  • 979 сообщений
  • Репутация: 239

Отправлено 28 April 2017 - 22:48

В настройках темы должна быть возможность отключить этот эффект. 


  • 0

Разработка сайтов.



#4 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

Отправлено 29 April 2017 - 09:48

В настройках темы должна быть возможность отключить этот эффект. 
 

нет там ничего, уже давно бы отключил, а не обращался по таким мелочам на форум


  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru