wp/wp-content/plugins/portfolio/css/style.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 12 d8a8807227e4
equal deleted inserted replaced
6:490d5cc509ed 7:cf61fcea0001
     1 #adminmenu #menu-posts-portfolio:hover div.wp-menu-image:before,
       
     2 #adminmenu #menu-posts-portfolio.wp-has-current-submenu div.wp-menu-image:before,
       
     3 #adminmenu #menu-posts-portfolio div.wp-menu-image:before {
       
     4 	background: url("../images/menu_single.png") no-repeat scroll center 8px rgba(0, 0, 0, 0);
       
     5 	content: "";
       
     6 	opacity: 0.7;
       
     7 }
       
     8 #adminmenu #menu-posts-portfolio.wp-has-current-submenu div.wp-menu-image:before {
       
     9 	opacity: 1;
       
    10 }
       
    11 
       
    12 /* Styles for Portfolio */
     1 /* Styles for Portfolio */
    13 
       
    14 #prtfl_form_image_size label {
       
    15 	display: block;
       
    16 	float: left;
       
    17 	min-width: 131px;
       
    18 }
       
    19 #prtfl_form_image_size select {
       
    20 	width: 140px;
       
    21 }
       
    22 .portfolio_images_block {
     2 .portfolio_images_block {
    23 	clear: both;
     3 	clear: both;
    24 }
     4 }
       
     5 
    25 .portfolio_images_gallery {
     6 .portfolio_images_gallery {
    26 	float: left;
     7 	float: left;
    27 	padding-bottom: 10px;
     8 	padding-bottom: 10px;
    28 	padding-right: 6px;
     9 	padding-right: 6px;
    29 }
    10 }
       
    11 
       
    12 .entry-content .portfolio_images_gallery a {
       
    13 	text-decoration: none;
       
    14 }
       
    15 
    30 .portfolio_images_rows {
    16 .portfolio_images_rows {
    31 	clear:both;
    17 	clear:both;
    32 	border-top: 1px dotted #939393;
    18 	border-top: 1px dotted #939393;
    33 	height: 100px;
    19 	height: 100px;
    34 	padding-top: 10px;
    20 	padding-top: 10px;
    35 }
    21 }
       
    22 
    36 .portfolio_admin_box {
    23 .portfolio_admin_box {
    37 	width: 98%; 
    24 	margin: 10px auto 10px auto;
    38 	margin: 10px auto 10px auto; 
    25 	background-color: #F9F9F9;
    39 	background-color: #F9F9F9; 
    26 	border: 1px solid #DFDFDF;
    40 	border: 1px solid #DFDFDF; 
    27 	-moz-border-radius: 5px;
    41 	-moz-border-radius: 5px; 
    28 	-webkit-border-radius: 5px;
    42 	-webkit-border-radius: 5px; 
       
    43 	padding: 10px;
    29 	padding: 10px;
    44 }
    30 }
       
    31 
    45 .portfolio_admin_subbox {
    32 .portfolio_admin_subbox {
    46 	border-bottom: 4px double #DFDFDF;
    33 	border-bottom: 4px double #DFDFDF;
    47 	padding-bottom: 5px;
    34 	padding-bottom: 5px;
    48 	padding-top: 5px;
    35 	padding-top: 5px;
    49 }
    36 }
       
    37 
    50 #container {
    38 #container {
    51 	color: #686868;
    39 	color: #686868;
    52 }
    40 }
       
    41 
    53 #container .breadcrumbs {
    42 #container .breadcrumbs {
    54 	border-bottom: 1px solid #D8D8D8;
    43 	border-bottom: 1px solid #D8D8D8;
    55 	font-size: 20px;
    44 	font-size: 20px;
    56 	margin-bottom: 10px;
    45 	margin-bottom: 10px;
    57 	padding-bottom: 10px;
    46 	padding-bottom: 10px;
    58 }
    47 }
       
    48 
    59 .portfolio_thumb {
    49 .portfolio_thumb {
    60 	float: left;
    50 	float: left;
    61 }
    51 }
       
    52 
    62 .portfolio_content .read_more {
    53 .portfolio_content .read_more {
    63 	clear: both;
    54 	clear: both;
    64 	float: right;
    55 	float: right;
    65 	text-align: center;
    56 	text-align: center;
    66 	z-index: 100;
    57 	z-index: 3;
    67 	position: relative;
    58 	position: relative;
    68 }
    59 }
       
    60 
    69 .portfolio_content .read_more a {
    61 .portfolio_content .read_more a {
    70 	display: block;
    62 	display: block;
    71 	width: 80px;
       
    72 	font-size: 14px;
    63 	font-size: 14px;
    73 	color: #FFF;
    64 	color: #FFF;
    74 	background-color: #555;
    65 	background-color: #555;
    75 	padding: 3px 0;
    66 	padding: 5px 10px;
    76 }
    67 	border-bottom: none;
       
    68 }
       
    69 
    77 .portfolio_content .read_more a:hover {
    70 .portfolio_content .read_more a:hover {
    78 	background-color: #2484c6;
    71 	background-color: #2484c6;
    79 }
    72 }
       
    73 
    80 .portfolio_short_content {
    74 .portfolio_short_content {
    81 	float: left;
    75 	float: left;
    82 	margin-left: 15px;
    76 	margin: 0 15px;
    83 	width: 320px;
    77 	width: 320px;
    84 }
    78 	max-width: 100%;
       
    79 }
       
    80 
       
    81 .prtfl_twentyseventeen #primary .site-content {
       
    82 	padding-top: 0;
       
    83 }
       
    84 
       
    85 .prtfl_twentyseventeen .wrap .site-content {
       
    86 	padding-top: 0;
       
    87 }
       
    88 
    85 .entry_footer {
    89 .entry_footer {
    86 	clear:both;
    90 	clear:both;
    87 	position: relative;
    91 	position: relative;
    88 	height: 30px;
       
    89 	padding-bottom: 15px;
    92 	padding-bottom: 15px;
    90 }
    93 }
       
    94 
    91 .portfolio_terms {
    95 .portfolio_terms {
    92 	border-bottom: 1px solid #D8D8D8;
    96 	border-top: 1px solid #D8D8D8;
    93 	clear: both;
    97 	clear: both;
    94 	font-size: 13px;
    98 	font-size: 13px;
    95 	margin: 0;
    99 	margin: 0;
    96 	position: relative;
   100 	padding: 5px 0;
    97 	top: -25px;
   101 	position: relative;
    98 	z-index: 99;
   102 	z-index: 2;
    99 }
   103 }
       
   104 
   100 .portfolio_terms a {
   105 .portfolio_terms a {
   101 	font-size: 13px;
   106 	font-size: 13px;
   102 }
   107 }
       
   108 
   103 .portfolio_short_content p,
   109 .portfolio_short_content p,
   104 .portfolio_images_block {
   110 .portfolio_images_block {
   105 	padding-bottom: 10px;
   111 	padding-bottom: 10px;
   106 	font-size: 15px;
   112 	font-size: 15px;
   107 	margin-bottom: 0 !important;
   113 	margin-bottom: 0 !important;
   108 }
   114 }
       
   115 
   109 .portfolio_short_content p .lable {
   116 .portfolio_short_content p .lable {
   110 	font-weight: normal;
   117 	font-weight: normal;
   111 }
   118 }
       
   119 
   112 .portfolio_short_content .item_title {
   120 .portfolio_short_content .item_title {
   113 	padding: 0 0 15px;
   121 	padding: 0 0 15px;
   114 }
   122 }
       
   123 
   115 .portfolio_short_content .item_title a {
   124 .portfolio_short_content .item_title a {
   116 	font-size: 20px;
   125 	font-size: 20px;
   117 }
   126 }
       
   127 
   118 .portfolio_short_content .item_title a:hover {
   128 .portfolio_short_content .item_title a:hover {
   119 }
   129 }
       
   130 
   120 .portfolio_images_block {
   131 .portfolio_images_block {
   121 	font-size:15px;
   132 	font-size:15px;
   122 }
   133 }
       
   134 
   123 .portfolio_images_block .lable {
   135 .portfolio_images_block .lable {
   124 	font-weight: normal;
   136 	font-weight: normal;
   125 }
   137 	padding-bottom: 10px;
       
   138 }
       
   139 
   126 .portfolio_images_rows {
   140 .portfolio_images_rows {
   127 	border: 0;
   141 	border: 0;
   128 	padding: 0;
   142 	padding: 0;
   129 }
   143 }
       
   144 
   130 .portfolio_thumb img,
   145 .portfolio_thumb img,
   131 .portfolio_images_gallery img {
   146 .portfolio_images_gallery img {
   132 	padding: 4px;
   147 	padding: 4px;
   133 	border: 1px solid #D8D8D8;
   148 	border: 1px solid #D8D8D8;
   134 }
   149 }
       
   150 
       
   151 .portfolio_images_gallery img {
       
   152 	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
       
   153 }
       
   154 
   135 #portfolio_pagenation {
   155 #portfolio_pagenation {
   136 	margin: 10px 0;
   156 	margin: 10px auto;
   137 }
   157 }
       
   158 
   138 #portfolio_pagenation .pagination .current,
   159 #portfolio_pagenation .pagination .current,
   139 #portfolio_pagenation .pagination a {
   160 #portfolio_pagenation .pagination a {
   140 	padding: 5px;
   161 	padding: 5px;
   141 }
   162 }
       
   163 
   142 #portfolio_pagenation .pagination a {
   164 #portfolio_pagenation .pagination a {
   143 	padding: 5px;
   165 	padding: 5px;
   144 	margin: 0 2px;
   166 	margin: 0 2px;
   145 	background-color: #555555;
   167 	background-color: #555555;
   146 	color: #fff;
   168 	color: #fff;
   147 }
   169 }
       
   170 
   148 #portfolio_pagenation .pagination a:hover {
   171 #portfolio_pagenation .pagination a:hover {
   149 	background-color: #2484C6;
   172 	background-color: #2484C6;
   150 }
   173 }
       
   174 
       
   175 #portfolio_pagenation .pagination:before,
       
   176 #portfolio_pagenation  .pagination:after {
       
   177 	height: 0;
       
   178 }
       
   179 
   151 #prtfl_loader,
   180 #prtfl_loader,
   152 #prtfl_img_loader {
   181 #prtfl_img_loader {
   153 	float: left;
       
   154 	position: relative;
   182 	position: relative;
   155 	display: none;
   183 	display: none;
   156 }
   184 }
   157 #ajax_update_postmeta,
   185 
   158 #ajax_update_images {
   186 #prtfl_date_additional_field, #prtfl_link_additional_field,
   159 	float: left;
       
   160 }
       
   161 #prtfl_date_additional_field, #prtfl_link_additional_field, 
       
   162 #prtfl_shrdescription_additional_field, #prtfl_description_additional_field,
   187 #prtfl_shrdescription_additional_field, #prtfl_description_additional_field,
   163 #prtfl_svn_additional_field, #prtfl_executor_additional_field,
   188 #prtfl_svn_additional_field, #prtfl_executor_additional_field,
   164 #prtfl_technologies_additional_field {
   189 #prtfl_technologies_additional_field {
   165 	float: left;
   190 	float: left;
   166 	position: relative;
   191 	position: relative;
   167 	top: 2px;
   192 	top: 2px;
   168 	margin-right: 3px;
   193 	margin-right: 3px;
   169 }
   194 }
   170 .page-template-portfolio-php .portfolio_content.entry-content,
   195 
   171 .single-portfolio .portfolio_content.entry-content {
   196 .page-template-portfolio-php:not(.prtfl_twentyfourteen):not(.prtfl_twentythirteen) .portfolio_content.entry-content,
       
   197 .single-portfolio:not(.prtfl_twentyfourteen):not(.prtfl_twentythirteen) .portfolio_content.entry-content {
   172     max-width: 1080px;
   198     max-width: 1080px;
   173 }
   199 }
       
   200 
   174 .single-portfolio #fancybox-wrap,
   201 .single-portfolio #fancybox-wrap,
   175 .single-portfolio #fancybox-outer,
   202 .single-portfolio #fancybox-outer,
   176 .single-portfolio #fancybox-content {
   203 .single-portfolio #fancybox-content {
   177 	-moz-box-sizing: content-box;
   204 	-moz-box-sizing: content-box;
   178 	box-sizing: content-box;
   205 	box-sizing: content-box;
   179 }
   206 }
       
   207 
   180 .page-template-portfolio .site-content .site-content,
   208 .page-template-portfolio .site-content .site-content,
   181 .single-portfolio .site-content .site-content,
   209 .single-portfolio .site-content .site-content,
   182 .tax-portfolio_technologies .site-content .site-content {
   210 .tax-portfolio_technologies .site-content .site-content,
       
   211 .tax-portfolio_executor_profile .site-content .site-content {
   183 	margin-left: 0;
   212 	margin-left: 0;
   184 	width: auto;
   213 	width: auto;
   185 	float: none;
   214 	float: none;
   186 }
   215 }
       
   216 
       
   217 .rtl .portfolio_images_gallery,
       
   218 .rtl .portfolio_thumb,
       
   219 .rtl .portfolio_short_content,
       
   220 .rtl #prtfl_date_additional_field, #prtfl_link_additional_field,
       
   221 .rtl #prtfl_shrdescription_additional_field, #prtfl_description_additional_field,
       
   222 .rtl #prtfl_svn_additional_field, #prtfl_executor_additional_field,
       
   223 .rtl #prtfl_technologies_additional_field, #prtfl_categories_additional_field {
       
   224 	float: right;
       
   225 }
       
   226 
       
   227 .rtl .portfolio_content .read_more {
       
   228 	float: left;
       
   229 }
       
   230 
       
   231 .portfolio_images_gallery img {
       
   232 	display: block;
       
   233 }
       
   234 
       
   235 .portfolio_images_gallery {
       
   236 	float: none;
       
   237 	display: inline-block;
       
   238 	margin: auto;
       
   239 }
       
   240 
       
   241 .portfolio_images_block > span {
       
   242 	float: left;
       
   243 	margin-left: 9px;
       
   244 }
       
   245 
       
   246 .portfolio_images_rows {
       
   247 	height: auto;
       
   248 }
       
   249 
       
   250 /* metabox for portfolio images */
       
   251 #prtfl_images_container ul:after,
       
   252 #prtfl_images_container ul:before {
       
   253 	content: " ";
       
   254 	display: table;
       
   255 }
       
   256 
       
   257 #prtfl_images_container ul:after {
       
   258 	clear: both
       
   259 }
       
   260 
       
   261 #prtfl_images_container ul li.prtfl_single_image,
       
   262 #prtfl_images_container ul li.prtfl-sortable-placeholder {
       
   263 	width: 100px;
       
   264 	height: 100px;
       
   265 	float: left;
       
   266 	cursor: move;
       
   267 	margin:9px 9px 0 0;
       
   268 	border-radius: 2px;
       
   269 	position: relative;
       
   270 	box-sizing: border-box;
       
   271 }
       
   272 
       
   273 .prtfl_save_first_notice {
       
   274 	display: none;
       
   275 }
       
   276 
       
   277 .prtfl_x {
       
   278 	padding: 0 2px;
       
   279 }
       
   280 
       
   281 .rtl .prtfl_x {
       
   282 	display: inline-block;
       
   283 }
       
   284 
       
   285 .rtl .portfolio_images_block span.lable {
       
   286 	float: right;
       
   287 }
       
   288 
       
   289 #prtfl_images_container ul li.prtfl_single_image img,
       
   290 #prtfl_images_container ul li.prtfl-sortable-placeholder img{
       
   291 	width: 100%;
       
   292 	height: auto;
       
   293 	max-height: 100%;
       
   294 	display: block;
       
   295 	border: 1px solid #d5d5d5;
       
   296 }
       
   297 
       
   298 #prtfl_images_container ul li.prtfl-sortable-placeholder {
       
   299 	border:3px dashed #ddd;
       
   300 	position: relative;
       
   301 }
       
   302 
       
   303 #prtfl_images_container ul li.prtfl-sortable-placeholder:after {
       
   304 	background: #f7f7f7;
       
   305 	font-family: 'dashicons';
       
   306 	content: "\f128";
       
   307 	position: absolute;
       
   308 	top: 0;
       
   309 	left: 0;
       
   310 	width: 100%;
       
   311 	height: 100%;
       
   312 	text-align: center;
       
   313 	font-size: 3em;
       
   314 	line-height: 75px;
       
   315 	color: #ddd;
       
   316 }
       
   317 
       
   318 #prtfl_images_container .prtfl_delete_image {
       
   319 	position: absolute;
       
   320 	top: -8px;
       
   321 	padding: 2px;
       
   322 	display: none;
       
   323 }
       
   324 
       
   325 body:not(.rtl) #prtfl_images_container .prtfl_delete_image {
       
   326 	right: -8px;
       
   327 }
       
   328 
       
   329 #prtfl_images_container ul li:hover .prtfl_delete_image {
       
   330 	display: block;
       
   331 }
       
   332 
       
   333 #prtfl_images_container .prtfl_delete_image a {
       
   334 	display: block;
       
   335 	text-indent: -9999px;
       
   336 	position: relative;
       
   337 	height: 1em;
       
   338 	width: 1em;
       
   339 	font-size: 1.4em;
       
   340 }
       
   341 
       
   342 #prtfl_images_container .prtfl_delete_image a:before {
       
   343 	font-family: 'dashicons';
       
   344 	content: "\f153";
       
   345 	color: #23282d;
       
   346 	background-color: #fff;
       
   347 	left: 0;
       
   348 	top: 0;
       
   349 	text-indent: 0;
       
   350 	position: absolute;
       
   351 	border-radius: 100%;
       
   352 }
       
   353 
       
   354 .rtl #prtfl_images_container ul li.prtfl_single_image,
       
   355 .rtl #prtfl_images_container ul li.prtfl-sortable-placeholder {
       
   356 	float: right;
       
   357 }
       
   358 
       
   359 .rtl #prtfl_images_container .prtfl_delete_image {
       
   360 	left: -8px;
       
   361 }
       
   362 
       
   363 /* Style for plugin settings menu */
       
   364 div#prtfl_settings_tab select {
       
   365 	max-width: 200px;
       
   366 }
       
   367 
       
   368 .prtfl-page-template .entry-header {
       
   369 	width: 100% !important;
       
   370 }