无论如何要修复它的代码,以便我的照片条目不会像边栏一样圆

时间:2019-04-21 06:41:07

标签: html css themes tumblr

由于某种原因,我能够添加一个代码,使边栏图像具有旋转的边框并且可以正常工作,但是现在在Tumblr上,我的照片像边栏图像一样又小又圆-我试图转到代码以查看如果将任何代码链接在一起以使帖子像侧边栏一样调整大小,但什么也没找到

/*   ------   text styles   ------   */



body { background:{color:background}; margin:0px; font-weight:500; color:{color:text}; font-family:'ABeeZee', sans-serif; font-size:10px; line-height:16px; letter-spacing:.5px; text-align:justify; background-image:url('{image:Background}'); }

a { text-decoration:none; color:{color:links}; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

a:hover { color:{color:text}; background:transparent; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

b, strong { color:{color:bold}; font-weight:700; }

em, i { color:{color:italic}; font-weight:600; }

i:hover { background:transparent; }

strike { color:{color:italic}; }

small { font-size:10px; }

big { color:{color:title}; font-weight:600; font-variant:small-caps; letter-spacing:2px; }

sup { text-transform:normal; color:{color:text}; font-size:10px; }

sub { text-transform:normal; color:{color:text}; font-size:10px; }

blockquote { margin-left:5px; padding-left:10px; width:245px; border-left:1px solid {color:background}; }

blockquote blockquote { padding-left:10px; width:230px; border-left:1px solid {color:background}; }

h1 { color:{color:bold}; font-size:8px; letter-spacing:2px; text-transform:uppercase;font-family:'ABeeZee', sans-serif; font-style:none; line-height:10px; text-align:left; padding:0px; }

h2 { text-align: center; font-size:11px; letter-spacing:.5px; text-transform:lowercase; font-style:none; font-weight:400; line-height:14px; text-align:normal; padding:0px; }

h3 { font-family:'cooper'; font-size:26px; line-height:24px; text-align:center; text-transform:lowercase; font-weight:400; letter-spacing:0px; margin-top:5px; color:{color:italic}; }



/*   ------   captions   ------   */



.tumblr_parent { margin:10px 10px 20px; padding: 0px 10px; border-left: 0px solid #ccc; font-size:7px; }

.tumblr_parent:after { content:''; display:block; width:100%; height:1px; margin:15px auto; background:{color:border}; }

.tumblr_parent:last-of-type:after { display:none; }

.tumblr_parent blockquote { margin-left:20px; padding-left:20px; border-left: 2px solid #ccc; }

.tumblr_avatar { margin:0px 6px 0px 0px; width:12px; vertical-align:middle; padding:2px; border-radius:50%; border:1px solid #ddd; background:black; }

a.tumblr_blog { border-bottom:2px solid {color:background}; font-weight:700; text-transform:uppercase; font-size:8px; letter-spacing:1px; padding:3px; border-radius:2px; }

.caption { padding:0px 10px 0px 10px; }



/*   ------   images/videos   ------   */



img { border:none; max-width:100%; height:auto; border-radius:2px; -webkit-filter:grayscale(50%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

img:hover { -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

resize { width: 300px; height:auto; }

#posts img { -webkit-filter:grayscale(50%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

.photoset {  width:100%; border-radius:2px; -webkit-filter:grayscale(50%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

#posts img:hover { -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }

.photoset:hover { max-width:100%; -webkit-filter:grayscale(0%); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }



/*   ------   body   ------   */



#contain { background:{color:contain}; width:700px; height:600px; margin:auto; left:0px; right:0px; top:0px; bottom:0px; position:absolute; border-radius:2px; overflow:visible; z-index:1; background-image:url('{image:contain}'); background-blend-mode:soft-light; }

#entries { width:340px; height:680px; border-radius:2px; bottom:-40px; right:40px; font-size:10px; position:absolute; font-family:'ABeeZee', sans-serif; overflow-x:hidden; overflow-y:auto; letter-spacing:0px; }

#post { margin:auto; top:0px; right:0px; bottom:0px; left:0px; width:300px; background: {color:postbg}; padding:20px; position:relative; border-radius:2px; margin-bottom:30px; margin-top:0px; }

#post i,em { color:{color:italic}; }

#post strong { color:{color:bold};  text-shadow:0px 0px 2px {color:bold}; }



/*   ------   sidebar   ------   */


.sidebar { position:absolute; left:0px; bottom:0px; width:320px; height:600px; overflow:hidden; }

img {
    position: relative;
    left: 107px;
    top: 32px;
    border-radius: 50%;
    width: 110px;
    height: 110px;
}
.image {
    position: absolute;
    left: 99px;
    top: 24px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    -webkit-filter: grayscale(0%);
    border-radius: 100%;
    border: 8px solid c5c6cc;
    border: 8px dashed #c49683;
    animation-name: spinning-circle;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    width: 110px;
    height: 110px;
    outline-color: #EA3556;

}

@-webkit-keyframes spinning-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}



.title { position:absolute; top:170px; right:-30px; width:350px; height:auto; padding:10px; letter-spacing:-2px; font-size:40px; line-height:26px; text-align:center; color:#686868; font-family:'bambi'; font-weight:800; text-shadow:4px -3px #c49683; text-transform:lowercase; font-style:normal; z-index:1; -webkit-text-stroke: 1px #686868; -webkit-text-fill-color: rgba(0, 0, 0, 0); }




.navbar { position:absolute; top:234px; left:0px; overflow:visible; width:320px; height:5px; text-align:center; z-index:99999999999; }

ul.navig8 { position:absolute; overflow:visible; list-style-type:none; padding:0; width:320px; height:40px; top:8px; left:0px; z-index:999999999; text-transform:uppercase; text-align:center; }

ul.navig8 li { width:auto; display:inline; margin:5px; }

ul.navig8 li a { display:inline-block; color:{color:nav text}; letter-spacing:3px; font-size:7px; padding:3px; font-weight:600;  }

ul.navig8 li b { color:{color:bold}; }

.desc { position:absolute; width:210px; line-height:18px; height:226px; bottom:86px; left:50px; overflow-y:scroll; overflow-x:visible; font-size:9px; padding:5px; color:{color:desc text}; text-transform:lowercase; font-family:'ABeeZee', sans-serif; letter-spacing:.5.5px; text-align:justify; z-index:9999; text-shadow:none; }

.desc:hover { opacity:1; }

.desc b, strong { color:{color:italic}; font-size:12px; font-weight:500; text-transform:lowercase; font-variant:none; font-family:'coco'; text-shadow:0px 0px 2px {color:italic}; }

.desc i, em { color:{color:italic}; text-shadow:none;  }

.desc a { color:{color:italic}; text-shadow:0px 0px 2px {color:italic}; }

.desc strong { font-size:16px; font-family:'cooper'; letter-spacing:1px; }



/*   ------   pagination   ------   */



#pagination { width:310px; position:absolute; height:14px; padding:5px; padding-top:3px; margin:auto; bottom:46px; left:0px; word-spacing:20px; text-align:center; color:{color:text}; z-index:999; }

#pagination a { padding:5px; padding-left:8px; color:{color:nav text}; font-weight:bold; letter-spacing:5px; font-size:7px; border-radius:2px; }

1 个答案:

答案 0 :(得分:0)

此代码已发生-

img {
    position: relative;
    left: 107px;
    top: 32px;
    border-radius: 50%;
    width: 110px;
    height: 110px;
}

用此代码替换它-

.sidebar img {
    position: relative;
    left: 107px;
    top: 32px;
    border-radius: 50%;
    width: 110px;
    height: 110px;
}